@omni-design/components 0.7.0

package/dist/types/components/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,94 @@
+/**
+ * ToggleButton Component
+ * Single toggle button with design system styling
+ *
+ * Design System Integration:
+ * - Border: var(--Border)
+ * - Background: Transparent or var(--Buttons-Primary-Button)
+ * - Text: var(--Text)
+ *
+ * WCAG 2.1 Accessibility:
+ * - Proper ARIA labels
+ * - Keyboard accessible
+ * - Visual feedback on toggle
+ * - Sufficient contrast
+ *
+ * @param {React.ReactNode} children - Button content (text or icon)
+ * @param {boolean} selected - Button selected state
+ * @param {function} onChange - Selection change handler
+ * @param {string} value - Button value
+ * @param {object} props - Additional props
+ */
+export function ToggleButton({ children, selected, onChange, value, sx, ...props }: React.ReactNode): JSX.Element;
+/**
+ * ToggleButtonGroup Component
+ * Group of toggle buttons with exclusive or multiple selection
+ *
+ * @param {Array} value - Selected value(s)
+ * @param {function} onChange - Selection change handler
+ * @param {'exclusive' | 'multiple'} exclusive - Selection mode
+ * @param {Array} options - Button options [{value, label, icon?}]
+ * @param {boolean} fullWidth - Stretch to full width
+ * @param {object} props - Additional props
+ */
+export function ToggleButtonGroup({ value, onChange, exclusive, options, fullWidth, sx, ...props }: any[]): JSX.Element;
+/**
+ * TextFormatToggleGroup Component
+ * Text formatting buttons (bold, italic, underline)
+ *
+ * @param {Array} formats - Selected formats
+ * @param {function} onChange - Format change handler
+ * @param {object} props - Additional props
+ */
+export function TextFormatToggleGroup({ formats, onChange, sx, ...props }: any[]): JSX.Element;
+/**
+ * AlignmentToggleGroup Component
+ * Text alignment buttons (left, center, right)
+ *
+ * @param {string} alignment - Selected alignment
+ * @param {function} onChange - Alignment change handler
+ * @param {object} props - Additional props
+ */
+export function AlignmentToggleGroup({ alignment, onChange, sx, ...props }: string): JSX.Element;
+/**
+ * ViewModeToggleGroup Component
+ * View mode buttons (list, module, grid)
+ *
+ * @param {string} viewMode - Selected view mode
+ * @param {function} onChange - View mode change handler
+ * @param {object} props - Additional props
+ */
+export function ViewModeToggleGroup({ viewMode, onChange, sx, ...props }: string): JSX.Element;
+/**
+ * SizeToggleGroup Component
+ * Size selection toggle group
+ *
+ * @param {string} size - Selected size
+ * @param {function} onChange - Size change handler
+ * @param {object} props - Additional props
+ */
+export function SizeToggleGroup({ size, onChange, sx, ...props }: string): JSX.Element;
+/**
+ * VerticalToggleButtonGroup Component
+ * Vertical orientation toggle group
+ *
+ * @param {Array} value - Selected value(s)
+ * @param {function} onChange - Selection change handler
+ * @param {Array} options - Button options
+ * @param {boolean} exclusive - Exclusive selection
+ * @param {object} props - Additional props
+ */
+export function VerticalToggleButtonGroup({ value, onChange, options, exclusive, sx, ...props }: any[]): JSX.Element;
+/**
+ * DisabledToggleButton Component
+ * Toggle button in disabled state
+ *
+ * @param {object} props - Toggle button props
+ */
+export function DisabledToggleButton({ children, selected, sx, ...props }: object): JSX.Element;
+/**
+ * ToggleButtonShowcase Component
+ * Display all toggle button variants
+ */
+export function ToggleButtonShowcase(): JSX.Element;
+export default ToggleButton;

package/dist/types/components/ToggleButton/index.d.ts

@@ -0,0 +1 @@
+export { ToggleButton, ToggleButtonGroup, TextFormatToggleGroup, AlignmentToggleGroup, ViewModeToggleGroup, SizeToggleGroup, VerticalToggleButtonGroup, DisabledToggleButton, ToggleButtonShowcase, default } from "./ToggleButton";

package/dist/types/components/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -0,0 +1,48 @@
+/**
+ * One segment.
+ *
+ * startDecorator / endDecorator mirror Button: a node either side of the
+ * label, separated by the same 2px gap. They are DECORATION — the segment's
+ * accessible name comes from its text (or from aria-label on an icon-only
+ * segment), so a decorator must not add a second one.
+ *
+ * The group sizes whatever lands in these slots, so an <Icon> or <Avatar>
+ * follows the group's size prop without being told twice.
+ */
+export function ToggleButton({ value, children, startDecorator, endDecorator, swatch, disabled, sx, ...props }: {
+    [x: string]: any;
+    value: any;
+    children: any;
+    startDecorator: any;
+    endDecorator: any;
+    swatch: any;
+    disabled?: boolean;
+    sx?: {};
+}): JSX.Element;
+export function ToggleButtonGroup({ variant, size, value, defaultValue, onChange, exclusive, orientation, disabled, fullWidth, children, className, sx, "aria-label": ariaLabel, ...props }: {
+    [x: string]: any;
+    variant?: string;
+    size?: string;
+    value: any;
+    defaultValue: any;
+    onChange: any;
+    exclusive?: boolean;
+    orientation?: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    children: any;
+    className?: string;
+    sx?: {};
+    "aria-label": any;
+}): JSX.Element;
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export function PrimaryToggleButtonGroup(p: any): JSX.Element;
+export function SecondaryToggleButtonGroup(p: any): JSX.Element;
+export function TertiaryToggleButtonGroup(p: any): JSX.Element;
+export function NeutralToggleButtonGroup(p: any): JSX.Element;
+export function BlackWhiteToggleButtonGroup(p: any): JSX.Element;
+export function InfoToggleButtonGroup(p: any): JSX.Element;
+export function SuccessToggleButtonGroup(p: any): JSX.Element;
+export function WarningToggleButtonGroup(p: any): JSX.Element;
+export function ErrorToggleButtonGroup(p: any): JSX.Element;
+export default ToggleButtonGroup;

package/dist/types/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,14 @@
+export function Toolbar({ items, value: controlledValue, defaultValue, onChange, type, orientation, color, fab, className, sx, ...props }: {
+    [x: string]: any;
+    items?: any[];
+    value: any;
+    defaultValue: any;
+    onChange: any;
+    type?: string;
+    orientation?: string;
+    color?: string;
+    fab: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export default Toolbar;

package/dist/types/components/Toolbar/ToolbarShowcase.d.ts

@@ -0,0 +1,2 @@
+export function ToolbarShowcase(): JSX.Element;
+export default ToolbarShowcase;

package/dist/types/components/Toolbar/index.d.ts

@@ -0,0 +1,2 @@
+export { ToolbarShowcase } from "./ToolbarShowcase";
+export { Toolbar, default } from "./Toolbar";

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,20 @@
+export function Tooltip({ children, title, variant, color, size, placement, arrow, open, enterDelay, leaveDelay, describeChild, className, sx, ...props }: {
+    [x: string]: any;
+    children: any;
+    title: any;
+    variant?: string;
+    color?: string;
+    size?: string;
+    placement?: string;
+    arrow?: boolean;
+    open: any;
+    enterDelay?: number;
+    leaveDelay?: number;
+    describeChild?: boolean;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export function SolidTooltip(p: any): JSX.Element;
+export function LightTooltip(p: any): JSX.Element;
+export function OutlineTooltip(p: any): JSX.Element;
+export default Tooltip;

package/dist/types/components/Tooltip/TooltipShowcase.d.ts

@@ -0,0 +1,2 @@
+export function TooltipShowcase(): JSX.Element;
+export default TooltipShowcase;

package/dist/types/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { TooltipShowcase } from "./TooltipShowcase";
+export { Tooltip, SolidTooltip, LightTooltip, OutlineTooltip, default } from "./Tooltip";

package/dist/types/components/TreeView/TreeBranch.d.ts

@@ -0,0 +1,14 @@
+export function TreeBranch({ label, icon, level, toggle, onToggle, disabled, size, className, sx, children, ...props }: {
+    [x: string]: any;
+    label: any;
+    icon: any;
+    level?: number;
+    toggle?: string;
+    onToggle: any;
+    disabled?: boolean;
+    size?: string;
+    className?: string;
+    sx?: {};
+    children: any;
+}): JSX.Element;
+export default TreeBranch;

package/dist/types/components/TreeView/TreeView.d.ts

@@ -0,0 +1,82 @@
+export function OmniTreeView({ color, variant, density, animation, selectionStyle, items, selectionMode, checkboxSelection, disableSelection, disabledItemsFocusable, defaultExpandedItems, expandedItems, onExpandedItemsChange, selectedItems, onSelectedItemsChange, onItemExpansionToggle, onItemSelectionToggle, slots, "aria-label": ariaLabel, className, sx, ...props }: {
+    [x: string]: any;
+    color?: string;
+    variant?: string;
+    density?: string;
+    animation?: string;
+    selectionStyle: any;
+    items?: ({
+        id: string;
+        label: string;
+        children: {
+            id: string;
+            label: string;
+            children: ({
+                id: string;
+                label: string;
+                disabled?: undefined;
+            } | {
+                id: string;
+                label: string;
+                disabled: boolean;
+            })[];
+        }[];
+    } | {
+        id: string;
+        label: string;
+        children: {
+            id: string;
+            label: string;
+        }[];
+    } | {
+        id: string;
+        label: string;
+        children?: undefined;
+    })[];
+    selectionMode?: string;
+    checkboxSelection?: boolean;
+    disableSelection?: boolean;
+    disabledItemsFocusable?: boolean;
+    defaultExpandedItems: any;
+    expandedItems: any;
+    onExpandedItemsChange: any;
+    selectedItems: any;
+    onSelectedItemsChange: any;
+    onItemExpansionToggle: any;
+    onItemSelectionToggle: any;
+    slots: any;
+    "aria-label"?: string;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export const DEFAULT_ITEMS: ({
+    id: string;
+    label: string;
+    children: {
+        id: string;
+        label: string;
+        children: ({
+            id: string;
+            label: string;
+            disabled?: undefined;
+        } | {
+            id: string;
+            label: string;
+            disabled: boolean;
+        })[];
+    }[];
+} | {
+    id: string;
+    label: string;
+    children: {
+        id: string;
+        label: string;
+    }[];
+} | {
+    id: string;
+    label: string;
+    children?: undefined;
+})[];
+export function SolidTreeView(p: any): JSX.Element;
+export function LightTreeView(p: any): JSX.Element;
+export default OmniTreeView;

package/dist/types/components/TreeView/TreeViewShowcase.d.ts

@@ -0,0 +1,2 @@
+export function TreeViewShowcase(): JSX.Element;
+export default TreeViewShowcase;

package/dist/types/components/TreeView/index.d.ts

@@ -0,0 +1,3 @@
+export { TreeBranch } from "./TreeBranch";
+export { TreeViewShowcase } from "./TreeViewShowcase";
+export { OmniTreeView, SolidTreeView, LightTreeView, DEFAULT_ITEMS, default } from "./TreeView";