@sudobility/components 2.0.33 → 3.0.0

package/dist/interactive/double-tap.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UdoubleUtap Component
+ *
+ * A reusable UdoubleUtap component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UdoubleUtap className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/double-tap}
+ */
+export interface UdoubleUtapProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UdoubleUtap: ({ className, children, disabled, onClick, }: UdoubleUtapProps) => import("react/jsx-runtime").JSX.Element;
+export default UdoubleUtap;
+//# sourceMappingURL=double-tap.d.ts.map

package/dist/interactive/double-tap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"double-tap.d.ts","sourceRoot":"","sources":["../../src/interactive/double-tap.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,GAAI,6CAKzB,gBAAgB,4CAmBlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/interactive/drag-drop-list.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UdragUdropUlist Component
+ *
+ * A reusable UdragUdropUlist component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UdragUdropUlist className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/drag-drop-list}
+ */
+export interface UdragUdropUlistProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UdragUdropUlist: ({ className, children, disabled, onClick, }: UdragUdropUlistProps) => import("react/jsx-runtime").JSX.Element;
+export default UdragUdropUlist;
+//# sourceMappingURL=drag-drop-list.d.ts.map

package/dist/interactive/drag-drop-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-drop-list.d.ts","sourceRoot":"","sources":["../../src/interactive/drag-drop-list.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAmBtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/interactive/drag-drop.d.ts

@@ -0,0 +1,49 @@
+import { default as React, DragEvent } from 'react';
+export interface DragDropProps {
+    /** Children content */
+    children?: React.ReactNode;
+    /** Drop handler */
+    onDrop: (data: any) => void;
+    /** Drag over handler */
+    onDragOver?: (e: DragEvent) => void;
+    /** Accepted data types */
+    accept?: string[];
+    /** Show drop indicator */
+    showIndicator?: boolean;
+    /** Custom indicator content */
+    indicator?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * DragDrop Component
+ *
+ * Drag and drop container with visual feedback.
+ * Supports file drops and custom data transfer.
+ *
+ * @example
+ * ```tsx
+ * <DragDrop
+ *   onDrop={(files) => handleFileUpload(files)}
+ *   accept={['image/*', 'application/pdf']}
+ *   showIndicator
+ * >
+ *   <div>Drop files here or click to browse</div>
+ * </DragDrop>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <DragDrop
+ *   onDrop={(data) => handleDrop(data)}
+ *   indicator={<div>Drop here!</div>}
+ * >
+ *   {content}
+ * </DragDrop>
+ * ```
+ */
+export declare const DragDrop: React.FC<DragDropProps>;
+export default DragDrop;
+//# sourceMappingURL=drag-drop.d.ts.map

package/dist/interactive/drag-drop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-drop.d.ts","sourceRoot":"","sources":["../../src/interactive/drag-drop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnD,MAAM,WAAW,aAAa;IAC5B,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mBAAmB;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,wBAAwB;IACxB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2I5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/interactive/focus-trap.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+export interface FocusTrapProps {
+    /** Children content */
+    children: React.ReactNode;
+    /** Enable focus trap */
+    active?: boolean;
+    /** Initial focus element selector */
+    initialFocus?: string;
+    /** Return focus on deactivate */
+    returnFocus?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * FocusTrap Component
+ *
+ * Traps keyboard focus within a container.
+ * Useful for modals, dialogs, and accessibility.
+ *
+ * @example
+ * ```tsx
+ * <FocusTrap active={isModalOpen} returnFocus>
+ *   <Modal>
+ *     <input type="text" />
+ *     <button>Submit</button>
+ *   </Modal>
+ * </FocusTrap>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <FocusTrap
+ *   active={showDialog}
+ *   initialFocus=".primary-button"
+ * >
+ *   <Dialog />
+ * </FocusTrap>
+ * ```
+ */
+export declare const FocusTrap: React.FC<FocusTrapProps>;
+export default FocusTrap;
+//# sourceMappingURL=focus-trap.d.ts.map

package/dist/interactive/focus-trap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-trap.d.ts","sourceRoot":"","sources":["../../src/interactive/focus-trap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,cAAc;IAC7B,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wBAAwB;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8G9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/interactive/gesture-detector.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UgestureUdetector Component
+ *
+ * A reusable UgestureUdetector component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UgestureUdetector className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/gesture-detector}
+ */
+export interface UgestureUdetectorProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UgestureUdetector: ({ className, children, disabled, onClick, }: UgestureUdetectorProps) => import("react/jsx-runtime").JSX.Element;
+export default UgestureUdetector;
+//# sourceMappingURL=gesture-detector.d.ts.map

package/dist/interactive/gesture-detector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gesture-detector.d.ts","sourceRoot":"","sources":["../../src/interactive/gesture-detector.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,sBAAsB;IACrC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAAI,6CAK/B,sBAAsB,4CAmBxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/interactive/hover-tooltip.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UhoverUtooltip Component
+ *
+ * A reusable UhoverUtooltip component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UhoverUtooltip className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/hover-tooltip}
+ */
+export interface UhoverUtooltipProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UhoverUtooltip: ({ className, children, disabled, onClick, }: UhoverUtooltipProps) => import("react/jsx-runtime").JSX.Element;
+export default UhoverUtooltip;
+//# sourceMappingURL=hover-tooltip.d.ts.map

package/dist/interactive/hover-tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-tooltip.d.ts","sourceRoot":"","sources":["../../src/interactive/hover-tooltip.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,6CAK5B,mBAAmB,4CAmBrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/interactive/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Interactive Components
+ *
+ * Drag & drop, gestures, and interactive behaviors
+ */
+export * from './drag-drop';
+export * from './drag-drop-list';
+export * from './sortable-grid';
+export * from './nested-drag';
+export * from './gesture-detector';
+export * from './swipe-actions';
+export * from './pinch-zoom';
+export * from './double-tap';
+export * from './long-press';
+export * from './hover-tooltip';
+export * from './radial-menu';
+export * from './focus-trap';
+export * from './scroll-spy';
+export * from './pull-to-refresh';
+export * from './infinite-scroll';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interactive/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAG9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAG7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/dist/interactive/infinite-scroll.d.ts

@@ -0,0 +1,59 @@
+import { default as React } from 'react';
+export interface InfiniteScrollProps {
+    /** Child content */
+    children: React.ReactNode;
+    /** Load more callback */
+    onLoadMore: () => void | Promise<void>;
+    /** Loading state */
+    loading?: boolean;
+    /** Has more data */
+    hasMore?: boolean;
+    /** Threshold in pixels from bottom to trigger load */
+    threshold?: number;
+    /** Loading component */
+    loader?: React.ReactNode;
+    /** End message component */
+    endMessage?: React.ReactNode;
+    /** Container height (for scrollable container) */
+    height?: string | number;
+    /** Scroll direction */
+    scrollDirection?: 'vertical' | 'horizontal';
+    /** Reverse scroll (for chat-like interfaces) */
+    reverse?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * InfiniteScroll Component
+ *
+ * Load more data automatically when scrolling near the end.
+ * Supports vertical/horizontal scrolling and reverse mode.
+ *
+ * @example
+ * ```tsx
+ * <InfiniteScroll
+ *   onLoadMore={loadMoreItems}
+ *   loading={isLoading}
+ *   hasMore={hasNextPage}
+ *   height="500px"
+ * >
+ *   {items.map(item => <div key={item.id}>{item.name}</div>)}
+ * </InfiniteScroll>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <InfiniteScroll
+ *   onLoadMore={fetchOlderMessages}
+ *   loading={loading}
+ *   hasMore={hasMore}
+ *   reverse
+ *   height="600px"
+ * >
+ *   {messages.map(msg => <Message key={msg.id} {...msg} />)}
+ * </InfiniteScroll>
+ * ```
+ */
+export declare const InfiniteScroll: React.FC<InfiniteScrollProps>;
+export default InfiniteScroll;
+//# sourceMappingURL=infinite-scroll.d.ts.map

package/dist/interactive/infinite-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"infinite-scroll.d.ts","sourceRoot":"","sources":["../../src/interactive/infinite-scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,mBAAmB;IAClC,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,uBAAuB;IACvB,eAAe,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAC5C,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmKxD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/interactive/long-press.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UlongUpress Component
+ *
+ * A reusable UlongUpress component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UlongUpress className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/long-press}
+ */
+export interface UlongUpressProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UlongUpress: ({ className, children, disabled, onClick, }: UlongUpressProps) => import("react/jsx-runtime").JSX.Element;
+export default UlongUpress;
+//# sourceMappingURL=long-press.d.ts.map

package/dist/interactive/long-press.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"long-press.d.ts","sourceRoot":"","sources":["../../src/interactive/long-press.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,GAAI,6CAKzB,gBAAgB,4CAmBlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/interactive/nested-drag.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UnestedUdrag Component
+ *
+ * A reusable UnestedUdrag component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UnestedUdrag className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/nested-drag}
+ */
+export interface UnestedUdragProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UnestedUdrag: ({ className, children, disabled, onClick, }: UnestedUdragProps) => import("react/jsx-runtime").JSX.Element;
+export default UnestedUdrag;
+//# sourceMappingURL=nested-drag.d.ts.map

package/dist/interactive/nested-drag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nested-drag.d.ts","sourceRoot":"","sources":["../../src/interactive/nested-drag.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,6CAK1B,iBAAiB,4CAmBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/interactive/pinch-zoom.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UpinchUzoom Component
+ *
+ * A reusable UpinchUzoom component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UpinchUzoom className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/pinch-zoom}
+ */
+export interface UpinchUzoomProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UpinchUzoom: ({ className, children, disabled, onClick, }: UpinchUzoomProps) => import("react/jsx-runtime").JSX.Element;
+export default UpinchUzoom;
+//# sourceMappingURL=pinch-zoom.d.ts.map

package/dist/interactive/pinch-zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinch-zoom.d.ts","sourceRoot":"","sources":["../../src/interactive/pinch-zoom.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,GAAI,6CAKzB,gBAAgB,4CAmBlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/interactive/pull-to-refresh.d.ts

@@ -0,0 +1,14 @@
+import { default as React, ReactNode } from 'react';
+export interface PullToRefreshProps {
+    children: ReactNode;
+    onRefresh: () => Promise<void>;
+    disabled?: boolean;
+    refreshingText?: string;
+    pullDownText?: string;
+    releaseText?: string;
+    threshold?: number;
+    maxPullDistance?: number;
+    className?: string;
+}
+export declare const PullToRefresh: React.FC<PullToRefreshProps>;
+//# sourceMappingURL=pull-to-refresh.d.ts.map

package/dist/interactive/pull-to-refresh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pull-to-refresh.d.ts","sourceRoot":"","sources":["../../src/interactive/pull-to-refresh.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8JtD,CAAC"}

package/dist/interactive/radial-menu.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UradialUmenu Component
+ *
+ * A reusable UradialUmenu component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UradialUmenu className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/radial-menu}
+ */
+export interface UradialUmenuProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UradialUmenu: ({ className, children, disabled, onClick, }: UradialUmenuProps) => import("react/jsx-runtime").JSX.Element;
+export default UradialUmenu;
+//# sourceMappingURL=radial-menu.d.ts.map

package/dist/interactive/radial-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radial-menu.d.ts","sourceRoot":"","sources":["../../src/interactive/radial-menu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,6CAK1B,iBAAiB,4CAmBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/interactive/scroll-spy.d.ts

@@ -0,0 +1,59 @@
+import { default as React } from 'react';
+export interface ScrollSpySection {
+    /** Section ID */
+    id: string;
+    /** Section label */
+    label: string;
+    /** Subsections */
+    subsections?: ScrollSpySection[];
+}
+export interface ScrollSpyProps {
+    /** Sections to track */
+    sections: ScrollSpySection[];
+    /** Active section ID */
+    activeId?: string;
+    /** Active section change handler */
+    onActiveChange?: (id: string) => void;
+    /** Scroll offset from top */
+    offset?: number;
+    /** Scroll container selector */
+    container?: string;
+    /** Smooth scroll on click */
+    smoothScroll?: boolean;
+    /** Show subsections */
+    showSubsections?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ScrollSpy Component
+ *
+ * Navigation that highlights the active section based on scroll position.
+ * Tracks sections and updates active state automatically.
+ *
+ * @example
+ * ```tsx
+ * <ScrollSpy
+ *   sections={[
+ *     { id: 'intro', label: 'Introduction' },
+ *     { id: 'features', label: 'Features' },
+ *     { id: 'pricing', label: 'Pricing' }
+ *   ]}
+ *   offset={100}
+ *   smoothScroll
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ScrollSpy
+ *   sections={tocSections}
+ *   activeId={currentSection}
+ *   onActiveChange={setCurrentSection}
+ *   showSubsections
+ * />
+ * ```
+ */
+export declare const ScrollSpy: React.FC<ScrollSpyProps>;
+export default ScrollSpy;
+//# sourceMappingURL=scroll-spy.d.ts.map

package/dist/interactive/scroll-spy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-spy.d.ts","sourceRoot":"","sources":["../../src/interactive/scroll-spy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,gBAAgB;IAC/B,iBAAiB;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,wBAAwB;IACxB,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqJ9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/interactive/sortable-grid.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UsortableUgrid Component
+ *
+ * A reusable UsortableUgrid component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UsortableUgrid className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/sortable-grid}
+ */
+export interface UsortableUgridProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UsortableUgrid: ({ className, children, disabled, onClick, }: UsortableUgridProps) => import("react/jsx-runtime").JSX.Element;
+export default UsortableUgrid;
+//# sourceMappingURL=sortable-grid.d.ts.map

package/dist/interactive/sortable-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortable-grid.d.ts","sourceRoot":"","sources":["../../src/interactive/sortable-grid.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,6CAK5B,mBAAmB,4CAmBrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/interactive/swipe-actions.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UswipeUactions Component
+ *
+ * A reusable UswipeUactions component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UswipeUactions className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/swipe-actions}
+ */
+export interface UswipeUactionsProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UswipeUactions: ({ className, children, disabled, onClick, }: UswipeUactionsProps) => import("react/jsx-runtime").JSX.Element;
+export default UswipeUactions;
+//# sourceMappingURL=swipe-actions.d.ts.map

package/dist/interactive/swipe-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe-actions.d.ts","sourceRoot":"","sources":["../../src/interactive/swipe-actions.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,6CAK5B,mBAAmB,4CAmBrB,CAAC;AAEF,eAAe,cAAc,CAAC"}