entangle-ui 0.2.0 → 0.4.0

package/dist/types/components/shell/StatusBar/StatusBar.types.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import { BaseComponent } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+
+type StatusBarSize = 'sm' | 'md';
+type StatusBarVariant = 'default' | 'error' | 'accent';
+interface StatusBarBaseProps extends BaseComponent<HTMLDivElement> {
+    /** Size of the status bar */
+    $size?: StatusBarSize;
+    /** Visual variant */
+    $variant?: StatusBarVariant;
+    /** Children (StatusBar.Section components) */
+    children?: ReactNode;
+}
+type StatusBarProps = Prettify<StatusBarBaseProps>;
+type StatusBarSectionSide = 'left' | 'right';
+interface StatusBarSectionBaseProps extends BaseComponent<HTMLDivElement> {
+    /** Which side of the status bar */
+    $side?: StatusBarSectionSide;
+    /** Children (StatusBar.Item components) */
+    children?: ReactNode;
+}
+type StatusBarSectionProps = Prettify<StatusBarSectionBaseProps>;
+interface StatusBarItemBaseProps extends Omit<BaseComponent<HTMLElement>, 'onClick'> {
+    /** Click handler - renders as button when provided, span otherwise */
+    onClick?: () => void;
+    /** Icon to display before label */
+    icon?: ReactNode;
+    /** Text label */
+    children?: ReactNode;
+    /** Tooltip text */
+    title?: string;
+    /** Badge value - number or boolean (dot) */
+    badge?: number | boolean;
+    /** Disabled state */
+    disabled?: boolean;
+}
+type StatusBarItemProps = Prettify<StatusBarItemBaseProps>;
+
+export type { StatusBarBaseProps, StatusBarItemBaseProps, StatusBarItemProps, StatusBarProps, StatusBarSectionBaseProps, StatusBarSectionProps, StatusBarSectionSide, StatusBarSize, StatusBarVariant };