@dybo-ai/design 1.1.0 → 1.3.0

package/dist/index.d.cts

@@ -28,6 +28,59 @@ interface IBadgeProps extends HTMLAttributes<HTMLSpanElement> {
 }
 declare function Badge({ status, className, ...props }: IBadgeProps): react.JSX.Element;
 
+interface IIconRailItemProps extends HTMLAttributes<HTMLAnchorElement> {
+    href?: string;
+    active?: boolean;
+    title?: string;
+    children: ReactNode;
+}
+interface IIconRailProps {
+    brand: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}
+declare function IconRailItem({ active, className, children, ...props }: IIconRailItemProps): react.JSX.Element;
+declare function IconRail({ brand, children, className }: IIconRailProps): react.JSX.Element;
+
+interface INavTab {
+    key: string;
+    label: string;
+    disabled?: boolean;
+}
+interface INavTabsProps {
+    tabs: INavTab[];
+    active: string;
+    onChange: (key: string) => void;
+    className?: string;
+}
+declare function NavTabs({ tabs, active, onChange, className }: INavTabsProps): react.JSX.Element;
+
+interface IScopeTab {
+    key: string;
+    label: string;
+    count?: number;
+    disabled?: boolean;
+}
+interface IScopeTabsProps {
+    tabs: IScopeTab[];
+    active: string;
+    onChange: (key: string) => void;
+    className?: string;
+}
+declare function ScopeTabs({ tabs, active, onChange, className }: IScopeTabsProps): react.JSX.Element;
+
+type PriorityLevel = "urgent" | "high" | "medium" | "low" | "none";
+interface IPriorityBadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    priority: PriorityLevel;
+}
+declare function PriorityBadge({ priority, className, children, ...props }: IPriorityBadgeProps): react.JSX.Element;
+
+type TicketStatus = "open" | "pending" | "snoozed" | "resolved";
+interface ITicketStatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    status: TicketStatus;
+}
+declare function TicketStatusBadge({ status, className, children, ...props }: ITicketStatusBadgeProps): react.JSX.Element;
+
 interface IAppShellProps {
     sidebar: ReactNode;
     topBar?: ReactNode;
@@ -150,6 +203,19 @@ interface IModalProps {
 }
 declare function Modal({ open, onClose, title, children, footer, maxWidth, closeOnBackdrop, }: IModalProps): react.ReactPortal | null;
 
+interface IDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    children: ReactNode;
+    footer?: ReactNode;
+    side?: "left" | "right";
+    width?: number | string;
+    closeOnBackdrop?: boolean;
+    hideHeader?: boolean;
+}
+declare function Drawer({ open, onClose, title, children, footer, side, width, closeOnBackdrop, hideHeader, }: IDrawerProps): react.ReactPortal | null;
+
 interface ILoginCardProps {
     logo?: ReactNode;
     subtitle?: string;
@@ -158,4 +224,4 @@ interface ILoginCardProps {
 }
 declare function LoginCard({ logo, subtitle, children, className, }: ILoginCardProps): react.JSX.Element;
 
-export { Alert, type AlertVariant, AppShell, Badge, type BadgeStatus, Button, type ButtonSize, type ButtonVariant, Card, type ColumnAlign, DataTable, type IAlertProps, type IAppShellProps, type IBadgeProps, type IButtonProps, type ICardProps, type IColumn, type IDataTableProps, type IInputProps, type ILoginCardProps, type IModalProps, type INavItemProps, type INavSectionProps, type IOverviewField, type IOverviewFieldProps, type IOverviewGridProps, type ISelectOption, type ISelectProps, type ISidebarProps, type ISidebarUser, type ITab, type ITabsProps, type ITopBarProps, Input, LoginCard, Modal, NavItem, NavSection, OverviewField, OverviewGrid, Select, Sidebar, Tabs, TopBar };
+export { Alert, type AlertVariant, AppShell, Badge, type BadgeStatus, Button, type ButtonSize, type ButtonVariant, Card, type ColumnAlign, DataTable, Drawer, type IAlertProps, type IAppShellProps, type IBadgeProps, type IButtonProps, type ICardProps, type IColumn, type IDataTableProps, type IDrawerProps, type IIconRailItemProps, type IIconRailProps, type IInputProps, type ILoginCardProps, type IModalProps, type INavItemProps, type INavSectionProps, type INavTab, type INavTabsProps, type IOverviewField, type IOverviewFieldProps, type IOverviewGridProps, type IPriorityBadgeProps, type IScopeTab, type IScopeTabsProps, type ISelectOption, type ISelectProps, type ISidebarProps, type ISidebarUser, type ITab, type ITabsProps, type ITicketStatusBadgeProps, type ITopBarProps, IconRail, IconRailItem, Input, LoginCard, Modal, NavItem, NavSection, NavTabs, OverviewField, OverviewGrid, PriorityBadge, type PriorityLevel, ScopeTabs, Select, Sidebar, Tabs, type TicketStatus, TicketStatusBadge, TopBar };

package/dist/index.d.ts

@@ -28,6 +28,59 @@ interface IBadgeProps extends HTMLAttributes<HTMLSpanElement> {
 }
 declare function Badge({ status, className, ...props }: IBadgeProps): react.JSX.Element;
 
+interface IIconRailItemProps extends HTMLAttributes<HTMLAnchorElement> {
+    href?: string;
+    active?: boolean;
+    title?: string;
+    children: ReactNode;
+}
+interface IIconRailProps {
+    brand: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}
+declare function IconRailItem({ active, className, children, ...props }: IIconRailItemProps): react.JSX.Element;
+declare function IconRail({ brand, children, className }: IIconRailProps): react.JSX.Element;
+
+interface INavTab {
+    key: string;
+    label: string;
+    disabled?: boolean;
+}
+interface INavTabsProps {
+    tabs: INavTab[];
+    active: string;
+    onChange: (key: string) => void;
+    className?: string;
+}
+declare function NavTabs({ tabs, active, onChange, className }: INavTabsProps): react.JSX.Element;
+
+interface IScopeTab {
+    key: string;
+    label: string;
+    count?: number;
+    disabled?: boolean;
+}
+interface IScopeTabsProps {
+    tabs: IScopeTab[];
+    active: string;
+    onChange: (key: string) => void;
+    className?: string;
+}
+declare function ScopeTabs({ tabs, active, onChange, className }: IScopeTabsProps): react.JSX.Element;
+
+type PriorityLevel = "urgent" | "high" | "medium" | "low" | "none";
+interface IPriorityBadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    priority: PriorityLevel;
+}
+declare function PriorityBadge({ priority, className, children, ...props }: IPriorityBadgeProps): react.JSX.Element;
+
+type TicketStatus = "open" | "pending" | "snoozed" | "resolved";
+interface ITicketStatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    status: TicketStatus;
+}
+declare function TicketStatusBadge({ status, className, children, ...props }: ITicketStatusBadgeProps): react.JSX.Element;
+
 interface IAppShellProps {
     sidebar: ReactNode;
     topBar?: ReactNode;
@@ -150,6 +203,19 @@ interface IModalProps {
 }
 declare function Modal({ open, onClose, title, children, footer, maxWidth, closeOnBackdrop, }: IModalProps): react.ReactPortal | null;
 
+interface IDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    children: ReactNode;
+    footer?: ReactNode;
+    side?: "left" | "right";
+    width?: number | string;
+    closeOnBackdrop?: boolean;
+    hideHeader?: boolean;
+}
+declare function Drawer({ open, onClose, title, children, footer, side, width, closeOnBackdrop, hideHeader, }: IDrawerProps): react.ReactPortal | null;
+
 interface ILoginCardProps {
     logo?: ReactNode;
     subtitle?: string;
@@ -158,4 +224,4 @@ interface ILoginCardProps {
 }
 declare function LoginCard({ logo, subtitle, children, className, }: ILoginCardProps): react.JSX.Element;
 
-export { Alert, type AlertVariant, AppShell, Badge, type BadgeStatus, Button, type ButtonSize, type ButtonVariant, Card, type ColumnAlign, DataTable, type IAlertProps, type IAppShellProps, type IBadgeProps, type IButtonProps, type ICardProps, type IColumn, type IDataTableProps, type IInputProps, type ILoginCardProps, type IModalProps, type INavItemProps, type INavSectionProps, type IOverviewField, type IOverviewFieldProps, type IOverviewGridProps, type ISelectOption, type ISelectProps, type ISidebarProps, type ISidebarUser, type ITab, type ITabsProps, type ITopBarProps, Input, LoginCard, Modal, NavItem, NavSection, OverviewField, OverviewGrid, Select, Sidebar, Tabs, TopBar };
+export { Alert, type AlertVariant, AppShell, Badge, type BadgeStatus, Button, type ButtonSize, type ButtonVariant, Card, type ColumnAlign, DataTable, Drawer, type IAlertProps, type IAppShellProps, type IBadgeProps, type IButtonProps, type ICardProps, type IColumn, type IDataTableProps, type IDrawerProps, type IIconRailItemProps, type IIconRailProps, type IInputProps, type ILoginCardProps, type IModalProps, type INavItemProps, type INavSectionProps, type INavTab, type INavTabsProps, type IOverviewField, type IOverviewFieldProps, type IOverviewGridProps, type IPriorityBadgeProps, type IScopeTab, type IScopeTabsProps, type ISelectOption, type ISelectProps, type ISidebarProps, type ISidebarUser, type ITab, type ITabsProps, type ITicketStatusBadgeProps, type ITopBarProps, IconRail, IconRailItem, Input, LoginCard, Modal, NavItem, NavSection, NavTabs, OverviewField, OverviewGrid, PriorityBadge, type PriorityLevel, ScopeTabs, Select, Sidebar, Tabs, type TicketStatus, TicketStatusBadge, TopBar };

package/dist/index.js

@@ -110,13 +110,122 @@ function Badge({ status = "brand", className, ...props }) {
   );
 }
 var cx5 = (...c) => c.filter(Boolean).join(" ");
+function IconRailItem({
+  active = false,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      className: cx5(
+        "dybo-icon-rail__item",
+        active ? "dybo-icon-rail__item--active" : void 0,
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function IconRail({ brand, children, className }) {
+  return /* @__PURE__ */ jsxs("aside", { className: cx5("dybo-icon-rail", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "dybo-icon-rail__brand", children: brand }),
+    /* @__PURE__ */ jsx("div", { className: "dybo-icon-rail__nav", children: /* @__PURE__ */ jsx("div", { className: "dybo-icon-rail__pill", children: /* @__PURE__ */ jsx("nav", { className: "dybo-icon-rail__items", children }) }) })
+  ] });
+}
+var cx6 = (...c) => c.filter(Boolean).join(" ");
+function NavTabs({ tabs, active, onChange, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cx6("dybo-navtabs", className), role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      "aria-selected": tab.key === active,
+      disabled: tab.disabled,
+      className: cx6(
+        "dybo-navtab",
+        tab.key === active ? "dybo-navtab--active" : void 0
+      ),
+      onClick: () => !tab.disabled && onChange(tab.key),
+      children: tab.label
+    },
+    tab.key
+  )) });
+}
+var cx7 = (...c) => c.filter(Boolean).join(" ");
+function ScopeTabs({ tabs, active, onChange, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cx7("dybo-scope", className), role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      "aria-selected": tab.key === active,
+      disabled: tab.disabled,
+      className: cx7(
+        "dybo-scope-tab",
+        tab.key === active ? "dybo-scope-tab--active" : void 0
+      ),
+      onClick: () => !tab.disabled && onChange(tab.key),
+      children: [
+        tab.label,
+        tab.count !== void 0 && /* @__PURE__ */ jsx("span", { className: "dybo-scope-count", children: tab.count })
+      ]
+    },
+    tab.key
+  )) });
+}
+var cx8 = (...c) => c.filter(Boolean).join(" ");
+function PriorityBadge({
+  priority,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cx8("dybo-priority", `dybo-priority--${priority}`, className),
+      ...props,
+      children: children ?? priority
+    }
+  );
+}
+var cx9 = (...c) => c.filter(Boolean).join(" ");
+var defaultLabels = {
+  open: "Open",
+  pending: "Pending",
+  snoozed: "Snoozed",
+  resolved: "Resolved"
+};
+function TicketStatusBadge({
+  status,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cx9(
+        "dybo-ticket-status",
+        `dybo-ticket-status--${status}`,
+        className
+      ),
+      ...props,
+      children: children ?? defaultLabels[status]
+    }
+  );
+}
+var cx10 = (...c) => c.filter(Boolean).join(" ");
 function AppShell({
   sidebar,
   topBar,
   children,
   className
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: cx5("dybo-app-shell", className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: cx10("dybo-app-shell", className), children: [
     sidebar,
     /* @__PURE__ */ jsxs("div", { className: "dybo-main", children: [
       topBar,
@@ -124,7 +233,7 @@ function AppShell({
     ] })
   ] });
 }
-var cx6 = (...c) => c.filter(Boolean).join(" ");
+var cx11 = (...c) => c.filter(Boolean).join(" ");
 function Sidebar({
   brand,
   children,
@@ -133,7 +242,7 @@ function Sidebar({
   onLogout,
   className
 }) {
-  return /* @__PURE__ */ jsxs("aside", { className: cx6("dybo-sidebar", className), children: [
+  return /* @__PURE__ */ jsxs("aside", { className: cx11("dybo-sidebar", className), children: [
     brand && /* @__PURE__ */ jsx("div", { className: "dybo-sidebar__brand", children: brand }),
     /* @__PURE__ */ jsx("nav", { className: "dybo-sidebar__nav", children }),
     /* @__PURE__ */ jsxs("div", { className: "dybo-sidebar__footer", children: [
@@ -174,14 +283,14 @@ function Sidebar({
     ] })
   ] });
 }
-var cx7 = (...c) => c.filter(Boolean).join(" ");
+var cx12 = (...c) => c.filter(Boolean).join(" ");
 function TopBar({ title, children, className }) {
-  return /* @__PURE__ */ jsxs("header", { className: cx7("dybo-topbar", className), children: [
+  return /* @__PURE__ */ jsxs("header", { className: cx12("dybo-topbar", className), children: [
     /* @__PURE__ */ jsx("span", { className: "dybo-topbar__title", children: title }),
     children
   ] });
 }
-var cx8 = (...c) => c.filter(Boolean).join(" ");
+var cx13 = (...c) => c.filter(Boolean).join(" ");
 function NavItem({
   label,
   href,
@@ -190,7 +299,7 @@ function NavItem({
   onClick,
   className
 }) {
-  const baseClass = cx8(
+  const baseClass = cx13(
     "dybo-nav-item",
     active ? "dybo-nav-item--active" : void 0,
     className
@@ -207,7 +316,7 @@ function NavItem({
 function NavSection({ label }) {
   return /* @__PURE__ */ jsx("div", { className: "dybo-sidebar__section", children: label });
 }
-var cx9 = (...c) => c.filter(Boolean).join(" ");
+var cx14 = (...c) => c.filter(Boolean).join(" ");
 function DataTable({
   columns,
   rows,
@@ -221,11 +330,11 @@ function DataTable({
     if (typeof rowKey === "function") return rowKey(row, index);
     return row[rowKey];
   }
-  return /* @__PURE__ */ jsx("div", { className: cx9("dybo-table-wrap", className), children: /* @__PURE__ */ jsxs("table", { className: "dybo-table", children: [
+  return /* @__PURE__ */ jsx("div", { className: cx14("dybo-table-wrap", className), children: /* @__PURE__ */ jsxs("table", { className: "dybo-table", children: [
     /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsx(
       "th",
       {
-        className: cx9(
+        className: cx14(
           col.align === "left" ? "left" : void 0,
           col.className
         ),
@@ -247,7 +356,7 @@ function DataTable({
     ) }) : rows.map((row, index) => /* @__PURE__ */ jsx(
       "tr",
       {
-        className: cx9(
+        className: cx14(
           onRowClick ? "dybo-table__row--clickable" : void 0
         ),
         onClick: onRowClick ? () => onRowClick(row) : void 0,
@@ -256,7 +365,7 @@ function DataTable({
           return /* @__PURE__ */ jsx(
             "td",
             {
-              className: cx9(
+              className: cx14(
                 col.align === "left" ? "left" : void 0,
                 col.className
               ),
@@ -270,16 +379,16 @@ function DataTable({
     )) })
   ] }) });
 }
-var cx10 = (...c) => c.filter(Boolean).join(" ");
+var cx15 = (...c) => c.filter(Boolean).join(" ");
 function Tabs({ tabs, active, onChange, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cx10("dybo-tabs", className), role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: cx15("dybo-tabs", className), role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
       role: "tab",
       "aria-selected": tab.key === active,
       disabled: tab.disabled,
-      className: cx10(
+      className: cx15(
         "dybo-tab",
         tab.key === active ? "dybo-tab--active" : void 0
       ),
@@ -289,22 +398,22 @@ function Tabs({ tabs, active, onChange, className }) {
     tab.key
   )) });
 }
-var cx11 = (...c) => c.filter(Boolean).join(" ");
+var cx16 = (...c) => c.filter(Boolean).join(" ");
 function OverviewField({
   label,
   value,
   className,
   style
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: cx11("dybo-overview-field", className), style, children: [
+  return /* @__PURE__ */ jsxs("div", { className: cx16("dybo-overview-field", className), style, children: [
     /* @__PURE__ */ jsx("span", { className: "dybo-overview-field__label", children: label }),
     /* @__PURE__ */ jsx("span", { className: "dybo-overview-field__value", children: value })
   ] });
 }
 function OverviewGrid({ fields, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cx11("dybo-overview-grid", className), children: fields.map((field, i) => /* @__PURE__ */ jsx(OverviewField, { ...field }, i)) });
+  return /* @__PURE__ */ jsx("div", { className: cx16("dybo-overview-grid", className), children: fields.map((field, i) => /* @__PURE__ */ jsx(OverviewField, { ...field }, i)) });
 }
-var cx12 = (...c) => c.filter(Boolean).join(" ");
+var cx17 = (...c) => c.filter(Boolean).join(" ");
 function Select({
   label,
   error,
@@ -332,7 +441,7 @@ function Select({
       "select",
       {
         id: selectId,
-        className: cx12("dybo-select", className),
+        className: cx17("dybo-select", className),
         style: error ? {
           borderColor: "var(--dybo-danger)",
           boxShadow: "0 0 0 3px rgba(162,26,23,0.12)"
@@ -363,7 +472,7 @@ var icons = {
   danger: "\u2715",
   info: "\u2139"
 };
-var cx13 = (...c) => c.filter(Boolean).join(" ");
+var cx18 = (...c) => c.filter(Boolean).join(" ");
 function Alert({
   variant = "info",
   children,
@@ -373,7 +482,7 @@ function Alert({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cx13("dybo-alert", `dybo-alert--${variant}`, className),
+      className: cx18("dybo-alert", `dybo-alert--${variant}`, className),
       role: "alert",
       children: [
         /* @__PURE__ */ jsx("span", { style: { flexShrink: 0, fontWeight: 700 }, children: icons[variant] }),
@@ -468,14 +577,90 @@ function Modal({
     document.body
   );
 }
-var cx14 = (...c) => c.filter(Boolean).join(" ");
+function Drawer({
+  open,
+  onClose,
+  title,
+  children,
+  footer,
+  side = "right",
+  width,
+  closeOnBackdrop = true,
+  hideHeader = false
+}) {
+  useEffect(() => {
+    if (!open) return;
+    function onKeyDown(e) {
+      if (e.key === "Escape") onClose();
+    }
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [open, onClose]);
+  if (!open) return null;
+  const panelClass = side === "left" ? "dybo-drawer-panel dybo-drawer-panel--left" : "dybo-drawer-panel dybo-drawer-panel--right";
+  return createPortal(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "dybo-drawer-backdrop",
+          onClick: closeOnBackdrop ? onClose : void 0,
+          "aria-hidden": true
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "aside",
+        {
+          className: panelClass,
+          style: width !== void 0 ? { width, maxWidth: "100%" } : void 0,
+          "aria-modal": "true",
+          role: "dialog",
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            !hideHeader && /* @__PURE__ */ jsxs("div", { className: "dybo-drawer-panel__header", children: [
+              title ? /* @__PURE__ */ jsx("h2", { className: "dybo-drawer-panel__title", children: title }) : /* @__PURE__ */ jsx("span", {}),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "dybo-drawer-panel__close",
+                  onClick: onClose,
+                  "aria-label": "Close",
+                  children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      d: "M2 2l12 12M14 2L2 14",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round"
+                    }
+                  ) })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: hideHeader ? "dybo-drawer-panel__body dybo-drawer-panel__body--flush" : "dybo-drawer-panel__body",
+                children
+              }
+            ),
+            footer && /* @__PURE__ */ jsx("div", { className: "dybo-drawer-panel__footer", children: footer })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+var cx19 = (...c) => c.filter(Boolean).join(" ");
 function LoginCard({
   logo,
   subtitle,
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "dybo-login-wrap", children: /* @__PURE__ */ jsxs("div", { className: cx14("dybo-login-card", className), children: [
+  return /* @__PURE__ */ jsx("div", { className: "dybo-login-wrap", children: /* @__PURE__ */ jsxs("div", { className: cx19("dybo-login-card", className), children: [
     logo && /* @__PURE__ */ jsx(
       "div",
       {
@@ -492,6 +677,6 @@ function LoginCard({
   ] }) });
 }
 
-export { Alert, AppShell, Badge, Button, Card, DataTable, Input, LoginCard, Modal, NavItem, NavSection, OverviewField, OverviewGrid, Select, Sidebar, Tabs, TopBar };
+export { Alert, AppShell, Badge, Button, Card, DataTable, Drawer, IconRail, IconRailItem, Input, LoginCard, Modal, NavItem, NavSection, NavTabs, OverviewField, OverviewGrid, PriorityBadge, ScopeTabs, Select, Sidebar, Tabs, TicketStatusBadge, TopBar };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map