@burdenoff/fe-libs 2026.510.126

package/dist/chrome/StatusBar.js

@@ -0,0 +1,55 @@
+import { useStatusBarRegistryStore as e } from "../shared/plugins/registries/useStatusBarRegistry.js";
+import { useMemo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/chrome/StatusBar.tsx
+var i = () => {
+	let i = e((e) => e.items), { left: a, center: o, right: s } = t(() => ({
+		left: i.filter((e) => e.section === "left" && e.visible !== !1).sort((e, t) => e.priority - t.priority),
+		center: i.filter((e) => e.section === "center" && e.visible !== !1).sort((e, t) => e.priority - t.priority),
+		right: i.filter((e) => e.section === "right" && e.visible !== !1).sort((e, t) => e.priority - t.priority)
+	}), [i]);
+	return i.length === 0 ? null : /* @__PURE__ */ r("div", {
+		className: "flex items-center justify-between h-6 px-2 bg-bg-surface-secondary border-t border-border-default text-xs text-text-secondary flex-shrink-0",
+		"data-ui-plugin-status-bar": "true",
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "flex items-center gap-3",
+				children: a.map((e) => {
+					let t = e.component;
+					return /* @__PURE__ */ n("div", {
+						className: e.onClick ? "cursor-pointer hover:text-text-primary" : "",
+						onClick: e.onClick,
+						title: e.tooltip,
+						children: /* @__PURE__ */ n(t, {})
+					}, e.id);
+				})
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "flex items-center gap-3",
+				children: o.map((e) => {
+					let t = e.component;
+					return /* @__PURE__ */ n("div", {
+						className: e.onClick ? "cursor-pointer hover:text-text-primary" : "",
+						onClick: e.onClick,
+						title: e.tooltip,
+						children: /* @__PURE__ */ n(t, {})
+					}, e.id);
+				})
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "flex items-center gap-3",
+				children: s.map((e) => {
+					let t = e.component;
+					return /* @__PURE__ */ n("div", {
+						className: e.onClick ? "cursor-pointer hover:text-text-primary" : "",
+						onClick: e.onClick,
+						title: e.tooltip,
+						children: /* @__PURE__ */ n(t, {})
+					}, e.id);
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { i as StatusBar };

package/dist/chrome/Tabs.d.ts

@@ -0,0 +1,74 @@
+import { FC, ReactNode } from 'react';
+/**
+ * Tab Item Interface
+ *
+ * Represents a single tab in the tab navigation.
+ */
+export interface TabItem {
+    /** Unique identifier for the tab */
+    id: string;
+    /** Tab label */
+    label: string;
+    /** Optional icon */
+    icon?: ReactNode;
+    /** Optional badge (notification count, etc.) */
+    badge?: string | number;
+    /** Whether tab is disabled */
+    disabled?: boolean;
+    /** Click handler for tab */
+    onClick?: () => void;
+}
+/**
+ * Tabs Props Interface
+ *
+ * Generic tab navigation component that accepts all data via props.
+ * No dependencies on routing libraries - pure presentation component.
+ */
+export interface TabsProps {
+    /** Array of tab items */
+    items: TabItem[];
+    /** Currently active tab ID */
+    activeTabId: string;
+    /** Tab change handler */
+    onTabChange: (tabId: string) => void;
+    /** Visual variant */
+    variant?: "default" | "underline" | "pills";
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+    /** Whether tabs should fill container width */
+    fullWidth?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Tabs Component
+ *
+ * Generic tab navigation for app shells. Pure presentation component
+ * that accepts all data via props.
+ *
+ * Features:
+ * - Multiple visual variants (default, underline, pills)
+ * - Active state indication
+ * - Icon and badge support
+ * - Disabled tabs
+ * - Keyboard navigation (arrow keys)
+ * - Accessible tab navigation
+ *
+ * Uses semantic tokens for styling, which must be provided by the shell.
+ *
+ * @example
+ * ```tsx
+ * <Tabs
+ *   items={[
+ *     { id: 'overview', label: 'Overview', icon: <HomeIcon /> },
+ *     { id: 'activity', label: 'Activity', badge: 5 },
+ *     { id: 'settings', label: 'Settings' }
+ *   ]}
+ *   activeTabId={currentTab}
+ *   onTabChange={setCurrentTab}
+ *   variant="underline"
+ * />
+ * ```
+ */
+export declare const Tabs: FC<TabsProps>;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/chrome/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/chrome/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C;;;;GAIG;AACH,MAAM,WAAW,OAAO;IACtB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAC;IAEX,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IAEd,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,SAAS;IACxB,yBAAyB;IACzB,KAAK,EAAE,OAAO,EAAE,CAAC;IAEjB,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IAEpB,yBAAyB;IACzB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAE5C,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAqK9B,CAAC"}

package/dist/chrome/Tabs.js

@@ -0,0 +1,55 @@
+import { cn as e } from "../shared-utils.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/chrome/Tabs.tsx
+var r = ({ items: r, activeTabId: i, onTabChange: a, variant: o = "default", size: s = "md", fullWidth: c = !1, className: l }) => {
+	let u = (e, t) => {
+		let n = t;
+		for (e.key === "ArrowLeft" ? (e.preventDefault(), n = t === 0 ? r.length - 1 : t - 1) : e.key === "ArrowRight" ? (e.preventDefault(), n = t === r.length - 1 ? 0 : t + 1) : e.key === "Home" ? (e.preventDefault(), n = 0) : e.key === "End" && (e.preventDefault(), n = r.length - 1); r[n]?.disabled && n !== t;) n = n > t ? n === r.length - 1 ? 0 : n + 1 : n === 0 ? r.length - 1 : n - 1;
+		let i = r[n];
+		i && !i.disabled && a(i.id);
+	}, d = (t, n) => {
+		let r = e("relative flex items-center gap-icon-gap transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border rounded-button", {
+			sm: "px-3 py-1.5 text-body-sm",
+			md: "px-4 py-2 text-body-md",
+			lg: "px-6 py-3 text-body-lg"
+		}[s], c && "flex-1 justify-center");
+		return t.disabled ? e(r, "text-text-disabled cursor-not-allowed opacity-50") : o === "underline" ? e("flex shrink-0 items-center gap-1.5 whitespace-nowrap transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border rounded-t", s === "sm" && "px-3 py-2 text-xs sm:gap-2 sm:px-4 sm:text-sm", s === "md" && "px-3 py-2.5 text-xs sm:gap-2 sm:px-4 sm:text-sm", s === "lg" && "px-4 py-3 text-sm sm:gap-2 sm:px-5 sm:text-body-md", "font-medium border-b-2", c && "flex-1 justify-center", t.disabled && "text-text-disabled cursor-not-allowed opacity-50", !t.disabled && (n ? "border-action-primary-bg text-action-primary-bg" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-default")) : o === "pills" ? e(r, "rounded-button", n ? "bg-action-primary-bg text-action-primary-text font-medium" : "text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover") : e(r, "border border-border-default", n ? "bg-bg-elevated text-text-primary font-medium border-border-strong" : "bg-bg-surface text-text-secondary hover:text-text-primary hover:bg-bg-elevated");
+	};
+	return /* @__PURE__ */ t("div", {
+		role: "tablist",
+		"aria-label": "Tabs",
+		className: e(o === "underline" && "flex gap-1 -mb-px overflow-x-auto pb-1 border-b border-border-default", o === "default" && "flex items-center gap-2", o === "pills" && "flex items-center gap-1 p-1 bg-bg-sunken rounded-button", l),
+		children: r.map((r, s) => {
+			let c = r.id === i;
+			return /* @__PURE__ */ n("button", {
+				role: "tab",
+				"aria-selected": c,
+				"aria-disabled": r.disabled,
+				tabIndex: c ? 0 : -1,
+				onClick: () => {
+					r.disabled || (r.onClick?.(), a(r.id));
+				},
+				onKeyDown: (e) => u(e, s),
+				className: d(r, c),
+				disabled: r.disabled,
+				type: "button",
+				children: [
+					r.icon && /* @__PURE__ */ t("span", {
+						className: "flex items-center flex-shrink-0",
+						children: r.icon
+					}),
+					/* @__PURE__ */ t("span", {
+						className: "truncate",
+						children: r.label
+					}),
+					r.badge !== void 0 && /* @__PURE__ */ t("span", {
+						className: e("flex items-center justify-center min-w-[20px] h-5 px-1.5 rounded-full text-xs font-medium", c && o === "pills" ? "bg-action-primary-text text-action-primary-bg" : "bg-status-info-bg text-status-info-text"),
+						children: typeof r.badge == "number" && r.badge > 99 ? "99+" : r.badge
+					})
+				]
+			}, r.id);
+		})
+	});
+};
+//#endregion
+export { r as Tabs };

package/dist/chrome/index.d.ts

@@ -0,0 +1,108 @@
+/**
+ * Chrome Components
+ *
+ * Generic app shell chrome components for building product shells.
+ * All components are pure presentation - they accept all data via props
+ * and have no dependencies on shell providers.
+ *
+ * Components:
+ * - AppShellLayout: Main layout container
+ * - HeaderBar: Top header bar
+ * - FooterBar: Bottom footer bar
+ * - SideNavigation: Sidebar navigation
+ * - GlobalSearch: Global search modal
+ * - CommandPalette: Command palette with keyboard shortcuts
+ * - Breadcrumbs: Breadcrumb navigation with collapsible items
+ * - NavLink: Navigation link with active state
+ * - Tabs: Tab navigation component
+ * - Sidebar: Collapsible sidebar with sections
+ *
+ * Usage Pattern:
+ * 1. Import generic chrome components from this package
+ * 2. Create thin wrappers in your shell that use providers to get data
+ * 3. Pass data to generic components via props
+ *
+ * @example
+ * ```tsx
+ * // Shell's Header.tsx (thin wrapper)
+ * import { HeaderBar } from '@burdenoff/fe-libs/chrome';
+ * import { useAuth, useTheme } from '@burdenoff/fe-libs/shared/providers/shell';
+ *
+ * export function Header() {
+ *   const { currentUser } = useAuth();
+ *   const { colorMode, toggleColorMode } = useTheme();
+ *
+ *   return (
+ *     <HeaderBar
+ *       appName="MyApp"
+ *       user={currentUser}
+ *       colorMode={colorMode}
+ *       onThemeToggle={toggleColorMode}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export { AppShellLayout } from './AppShellLayout';
+export { HeaderBar } from './HeaderBar';
+export { FooterBar } from './FooterBar';
+export { Footer, DEFAULT_FOOTER_COLUMNS, DEFAULT_SOCIAL_LINKS } from './Footer';
+export { SideNavigation } from './SideNavigation';
+export { GlobalSearch } from './GlobalSearch';
+export { CommandPalette } from './CommandPalette';
+export { Breadcrumbs } from './Breadcrumbs';
+export { NavLink } from './NavLink';
+export { Tabs } from './Tabs';
+export { Sidebar } from './Sidebar';
+export { ProfileSwitcher } from './ProfileSwitcher';
+export { ProductSwitcher } from './ProductSwitcher';
+export { LanguageSwitcher } from './LanguageSwitcher';
+export { ContextSwitcher } from './ContextSwitcher';
+export { GeographySwitcher } from './GeographySwitcher';
+export { NotificationCenter } from './NotificationCenter';
+export { LanguagePickerSheet } from './LanguagePickerSheet';
+export { ProductPickerSheet } from './ProductPickerSheet';
+export { AccountSwitcher } from './AccountSwitcher';
+export { ShortcutHelpDialog } from './ShortcutHelpDialog';
+export type { AppShellLayoutProps } from './AppShellLayout';
+export type { HeaderBarProps, MobileActionItem } from './HeaderBar';
+export type { FooterBarProps, FooterItem, FooterSections } from './FooterBar';
+export type { FooterProps, FooterColumn, FooterLink, SocialLink, } from './Footer';
+export type { SideNavigationProps, NavItem } from './SideNavigation';
+export type { GlobalSearchProps, SearchResult, SearchCategory, } from './GlobalSearch';
+export type { CommandPaletteProps, CommandAction, KeyboardShortcut, } from './CommandPalette';
+export type { BreadcrumbsProps, BreadcrumbItem } from './Breadcrumbs';
+export type { NavLinkProps } from './NavLink';
+export type { TabsProps, TabItem } from './Tabs';
+export type { SidebarProps, SidebarSection, SidebarItem } from './Sidebar';
+export type { ProfileSwitcherProps, Account as ProfileAccount, } from './ProfileSwitcher';
+export type { ProductSwitcherProps, Product } from './ProductSwitcher';
+export type { LanguageSwitcherProps, Language } from './LanguageSwitcher';
+export type { GeographySwitcherProps } from './GeographySwitcher';
+export type { NotificationCenterProps } from './NotificationCenter';
+export type { ContextSwitcherProps, Organization, Workspace, Project, } from './ContextSwitcher';
+export type { LanguagePickerSheetProps } from './LanguagePickerSheet';
+export type { ProductPickerSheetProps } from './ProductPickerSheet';
+export type { AccountSwitcherProps, Account } from './AccountSwitcher';
+export type { ShortcutHelpDialogProps } from './ShortcutHelpDialog';
+export { AutoBreadcrumbs, registerBreadcrumbName, unregisterBreadcrumbName, } from './AutoBreadcrumbs';
+export { ProductSideNav } from './ProductSideNav';
+export type { ProductSideNavProps } from './ProductSideNav';
+export { DynamicFooter } from './DynamicFooter';
+export type { DynamicFooterProps } from './DynamicFooter';
+export { PanelContainer } from './PanelContainer';
+export type { PanelContainerProps } from './PanelContainer';
+export { PanelTabs } from './PanelTabs';
+export type { PanelTabItem, PanelTabsProps } from './PanelTabs';
+export { StatusBar } from './StatusBar';
+export { PluginRoutes } from './PluginRoutes';
+export type { PluginRoutesProps } from './PluginRoutes';
+export { PluginSettingsPage } from './PluginSettingsPage';
+export { PluginToolbar } from './PluginToolbar';
+export type { PluginToolbarProps } from './PluginToolbar';
+export { PluginWidgetGrid } from './PluginWidgetGrid';
+export type { PluginWidgetGridProps } from './PluginWidgetGrid';
+export { PluginContextMenuTarget } from './PluginContextMenuTarget';
+export type { PluginContextMenuTargetProps } from './PluginContextMenuTarget';
+export { PluginFooterStrip } from './PluginFooterStrip';
+//# sourceMappingURL=index.d.ts.map

package/dist/chrome/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chrome/index.ts"],"names":[],"mappings":"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"}

package/dist/chrome.d.ts

@@ -0,0 +1,2 @@
+export * from './chrome/index'
+export {}

package/dist/chrome.js

@@ -0,0 +1,34 @@
+import { ShortcutHelpDialog as e } from "./chrome/ShortcutHelpDialog.js";
+import { AppShellLayout as t } from "./chrome/AppShellLayout.js";
+import { HeaderBar as n } from "./chrome/HeaderBar.js";
+import { FooterBar as r } from "./chrome/FooterBar.js";
+import { PluginFooterStrip as i } from "./chrome/PluginFooterStrip.js";
+import { DEFAULT_FOOTER_COLUMNS as a, DEFAULT_SOCIAL_LINKS as o, Footer as s } from "./chrome/Footer.js";
+import { SideNavigation as c } from "./chrome/SideNavigation.js";
+import { GlobalSearch as l } from "./chrome/GlobalSearch.js";
+import { CommandPalette as u } from "./chrome/CommandPalette.js";
+import { Breadcrumbs as d } from "./chrome/Breadcrumbs.js";
+import { NavLink as f } from "./chrome/NavLink.js";
+import { Tabs as p } from "./chrome/Tabs.js";
+import { Sidebar as m } from "./chrome/Sidebar.js";
+import { ProfileSwitcher as h } from "./chrome/ProfileSwitcher.js";
+import { ProductSwitcher as g } from "./chrome/ProductSwitcher.js";
+import { LanguageSwitcher as _ } from "./chrome/LanguageSwitcher.js";
+import { ContextSwitcher as v } from "./chrome/ContextSwitcher.js";
+import { GeographySwitcher as y } from "./chrome/GeographySwitcher.js";
+import { NotificationCenter as b } from "./chrome/NotificationCenter.js";
+import { LanguagePickerSheet as x } from "./chrome/LanguagePickerSheet.js";
+import { ProductPickerSheet as S } from "./chrome/ProductPickerSheet.js";
+import { AccountSwitcher as C } from "./chrome/AccountSwitcher.js";
+import { AutoBreadcrumbs as w, registerBreadcrumbName as T, unregisterBreadcrumbName as E } from "./chrome/AutoBreadcrumbs.js";
+import { ProductSideNav as D } from "./chrome/ProductSideNav.js";
+import { DynamicFooter as O } from "./chrome/DynamicFooter.js";
+import { PanelTabs as k } from "./chrome/PanelTabs.js";
+import { PanelContainer as A } from "./chrome/PanelContainer.js";
+import { StatusBar as j } from "./chrome/StatusBar.js";
+import { PluginRoutes as M } from "./chrome/PluginRoutes.js";
+import { PluginSettingsPage as N } from "./chrome/PluginSettingsPage.js";
+import { PluginToolbar as P } from "./chrome/PluginToolbar.js";
+import { PluginWidgetGrid as F } from "./chrome/PluginWidgetGrid.js";
+import { PluginContextMenuTarget as I } from "./chrome/PluginContextMenuTarget.js";
+export { C as AccountSwitcher, t as AppShellLayout, w as AutoBreadcrumbs, d as Breadcrumbs, u as CommandPalette, v as ContextSwitcher, a as DEFAULT_FOOTER_COLUMNS, o as DEFAULT_SOCIAL_LINKS, O as DynamicFooter, s as Footer, r as FooterBar, y as GeographySwitcher, l as GlobalSearch, n as HeaderBar, x as LanguagePickerSheet, _ as LanguageSwitcher, f as NavLink, b as NotificationCenter, A as PanelContainer, k as PanelTabs, I as PluginContextMenuTarget, i as PluginFooterStrip, M as PluginRoutes, N as PluginSettingsPage, P as PluginToolbar, F as PluginWidgetGrid, S as ProductPickerSheet, D as ProductSideNav, g as ProductSwitcher, h as ProfileSwitcher, e as ShortcutHelpDialog, c as SideNavigation, m as Sidebar, j as StatusBar, p as Tabs, T as registerBreadcrumbName, E as unregisterBreadcrumbName };

package/dist/config/eslint.config.d.ts

@@ -0,0 +1,12 @@
+export interface EslintConfigOptions {
+    ignores?: string[];
+    additionalRules?: Record<string, unknown>;
+}
+/**
+ * Creates a shared ESLint configuration for Burdenoff frontend projects.
+ * @param options - Configuration options
+ * @returns ESLint flat config array
+ */
+export declare function createEslintConfig(options?: EslintConfigOptions): import("typescript-eslint").FlatConfig.ConfigArray;
+export default createEslintConfig;
+//# sourceMappingURL=eslint.config.d.ts.map

package/dist/config/eslint.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eslint.config.d.ts","sourceRoot":"","sources":["../../src/config/eslint.config.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC3C;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,GAAE,mBAAwB,sDAqCnE;AAED,eAAe,kBAAkB,CAAC"}

package/dist/config/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Default configuration values for microfrontends
+ *
+ * NOTE: ESLint and Prettier configs are NOT exported from here since they
+ * contain Node.js-specific dependencies. Import them directly:
+ * - ESLint: import { createEslintConfig } from '@burdenoff/fe-libs/shared/config/eslint.config'
+ * - Prettier: import { prettierConfig } from '@burdenoff/fe-libs/shared/config/prettier.config'
+ */
+export declare const DEFAULT_PAGE_SIZE = 20;
+export declare const API_ENDPOINTS: {
+    readonly tenant: "/tenant/graphql";
+    readonly workspaces: "/workspaces/graphql";
+};
+export type Supergraph = keyof typeof API_ENDPOINTS;
+/**
+ * Build full GraphQL endpoint URL
+ */
+export declare function getGraphQLEndpoint(baseUrl: string, supergraph: Supergraph): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/config/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,aAAa;;;CAGhB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,aAAa,CAAC;AAEpD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAG,MAAM,CAGlF"}

package/dist/config/prettier.config.d.ts

@@ -0,0 +1,7 @@
+import { Config } from 'prettier';
+/**
+ * Shared Prettier configuration for Burdenoff frontend projects.
+ */
+export declare const prettierConfig: Config;
+export default prettierConfig;
+//# sourceMappingURL=prettier.config.d.ts.map

package/dist/config/prettier.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettier.config.d.ts","sourceRoot":"","sources":["../../src/config/prettier.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,MAW5B,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/form/Checkbox.d.ts

@@ -0,0 +1,60 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+/**
+ * Checkbox component props
+ */
+export type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
+/**
+ * Checkbox component - Accessible checkbox using Radix UI
+ *
+ * A styled checkbox component with proper accessibility features.
+ * Uses Radix UI Checkbox primitive for robust functionality.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Checkbox id="terms" />
+ * <label htmlFor="terms">Accept terms and conditions</label>
+ * ```
+ *
+ * @example With React Hook Form
+ * ```tsx
+ * <FormField
+ *   control={form.control}
+ *   name="newsletter"
+ *   render={({ field }) => (
+ *     <FormItem className="flex flex-row items-start space-x-3 space-y-0">
+ *       <FormControl>
+ *         <Checkbox
+ *           checked={field.value}
+ *           onCheckedChange={field.onChange}
+ *         />
+ *       </FormControl>
+ *       <div className="space-y-1 leading-none">
+ *         <FormLabel>Subscribe to newsletter</FormLabel>
+ *         <FormDescription>
+ *           Receive updates about new features and announcements
+ *         </FormDescription>
+ *       </div>
+ *     </FormItem>
+ *   )}
+ * />
+ * ```
+ *
+ * @example Controlled checkbox
+ * ```tsx
+ * const [checked, setChecked] = useState(false);
+ *
+ * <Checkbox
+ *   checked={checked}
+ *   onCheckedChange={setChecked}
+ *   disabled={false}
+ * />
+ * ```
+ *
+ * @example Indeterminate state
+ * ```tsx
+ * <Checkbox checked="indeterminate" />
+ * ```
+ */
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/form/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAI9D;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CACxD,OAAO,iBAAiB,CAAC,IAAI,CAC9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,eAAO,MAAM,QAAQ,iKAqBnB,CAAC"}

package/dist/form/Checkbox.js

@@ -0,0 +1,18 @@
+import { cn as e } from "../shared-utils.js";
+import * as t from "react";
+import { Check as n } from "lucide-react";
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-checkbox";
+//#region src/form/Checkbox.tsx
+var a = t.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ r(i.Root, {
+	ref: o,
+	className: e("peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", t),
+	...a,
+	children: /* @__PURE__ */ r(i.Indicator, {
+		className: e("flex items-center justify-center text-current"),
+		children: /* @__PURE__ */ r(n, { className: "h-4 w-4" })
+	})
+}));
+a.displayName = i.Root.displayName;
+//#endregion
+export { a as Checkbox };

package/dist/form/Form.d.ts

@@ -0,0 +1,114 @@
+import { UseFormReturn, SubmitHandler, FieldValues, UseFormProps } from 'react-hook-form';
+import { ZodType } from 'zod';
+import * as React from "react";
+type FormSchema<TFieldValues extends FieldValues> = ZodType<unknown, TFieldValues>;
+/**
+ * Form component props extending React Hook Form's UseFormProps
+ *
+ * @example
+ * ```tsx
+ * import { z } from 'zod';
+ *
+ * const schema = z.object({
+ *   email: z.string().email(),
+ *   password: z.string().min(8),
+ * });
+ *
+ * function LoginForm() {
+ *   const handleSubmit = (data: z.infer<typeof schema>) => {
+ *     console.log(data);
+ *   };
+ *
+ *   return (
+ *     <Form schema={schema} onSubmit={handleSubmit}>
+ *       {(form) => (
+ *         <>
+ *           <FormField control={form.control} name="email" />
+ *           <FormField control={form.control} name="password" />
+ *           <button type="submit">Submit</button>
+ *         </>
+ *       )}
+ *     </Form>
+ *   );
+ * }
+ * ```
+ */
+export interface FormProps<TFieldValues extends FieldValues> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit" | "children"> {
+    /** Zod schema for validation */
+    schema?: FormSchema<TFieldValues>;
+    /** Form submission handler */
+    onSubmit: SubmitHandler<TFieldValues>;
+    /** React Hook Form configuration */
+    formOptions?: Omit<UseFormProps<TFieldValues>, "resolver">;
+    /** Render prop with form instance */
+    children: (form: UseFormReturn<TFieldValues>) => React.ReactNode;
+}
+/**
+ * Form wrapper component with React Hook Form integration
+ *
+ * Provides FormProvider context and handles form submission with validation.
+ * Integrates with Zod for schema validation via @hookform/resolvers.
+ *
+ * @example
+ * ```tsx
+ * const schema = z.object({
+ *   name: z.string().min(2),
+ *   email: z.string().email(),
+ * });
+ *
+ * <Form
+ *   schema={schema}
+ *   onSubmit={(data) => console.log(data)}
+ *   formOptions={{ defaultValues: { name: '', email: '' } }}
+ * >
+ *   {(form) => (
+ *     <div>
+ *       <FormField control={form.control} name="name" />
+ *       <button type="submit" disabled={form.formState.isSubmitting}>
+ *         Submit
+ *       </button>
+ *     </div>
+ *   )}
+ * </Form>
+ * ```
+ */
+export declare function Form<TFieldValues extends FieldValues>({ schema, onSubmit, formOptions, children, className, ...props }: FormProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access form context
+ *
+ * Re-exports useFormContext from react-hook-form for convenience
+ *
+ * @example
+ * ```tsx
+ * function CustomFormField() {
+ *   const form = useFormContext();
+ *   return <input {...form.register('fieldName')} />;
+ * }
+ * ```
+ */
+export { useFormContext } from 'react-hook-form';
+export { FormProvider } from 'react-hook-form';
+/**
+ * Hook to create a standalone form instance
+ *
+ * Use this when you want to manage form state without the Form component wrapper.
+ *
+ * @example
+ * ```tsx
+ * const schema = z.object({ name: z.string() });
+ *
+ * function MyForm() {
+ *   const form = useForm({ schema });
+ *
+ *   return (
+ *     <FormProvider {...form}>
+ *       <FormField control={form.control} name="name" />
+ *     </FormProvider>
+ *   );
+ * }
+ * ```
+ */
+export declare function useForm<TFieldValues extends FieldValues>(options: {
+    schema?: FormSchema<TFieldValues>;
+} & Omit<UseFormProps<TFieldValues>, "resolver">): UseFormReturn<TFieldValues, any, TFieldValues>;
+//# sourceMappingURL=Form.d.ts.map

package/dist/form/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,YAAY,EAElB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEnC,KAAK,UAAU,CAAC,YAAY,SAAS,WAAW,IAAI,OAAO,CACzD,OAAO,EACP,YAAY,CACb,CAAC;AAQF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,SAAS,CAAC,YAAY,SAAS,WAAW,CAAE,SAAQ,IAAI,CACvE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,EACzC,UAAU,GAAG,UAAU,CACxB;IACC,gCAAgC;IAChC,MAAM,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IAClC,8BAA8B;IAC9B,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACtC,oCAAoC;IACpC,WAAW,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC,CAAC;IAC3D,qCAAqC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAClE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,IAAI,CAAC,YAAY,SAAS,WAAW,EAAE,EACrD,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,YAAY,CAAC,2CAezB;AAED;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,OAAO,CAAC,YAAY,SAAS,WAAW,EACtD,OAAO,EAAE;IACP,MAAM,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;CACnC,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC,kDAOjD"}

package/dist/form/Form.js

@@ -0,0 +1,32 @@
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+import { FormProvider as t, FormProvider as n, useForm as r, useFormContext as i } from "react-hook-form";
+import { zodResolver as a } from "@hookform/resolvers/zod";
+//#region src/form/Form.tsx
+function o(e) {
+	return e ? a(e) : void 0;
+}
+function s({ schema: n, onSubmit: i, formOptions: a, children: s, className: c, ...l }) {
+	let u = r({
+		...a,
+		resolver: o(n)
+	}), d = u.handleSubmit(i);
+	return /* @__PURE__ */ e(t, {
+		...u,
+		children: /* @__PURE__ */ e("form", {
+			onSubmit: d,
+			className: c,
+			...l,
+			children: s(u)
+		})
+	});
+}
+function c(e) {
+	let { schema: t, ...n } = e;
+	return r({
+		...n,
+		resolver: o(t)
+	});
+}
+//#endregion
+export { s as Form, n as FormProvider, c as useForm, i as useFormContext };