@sudobility/components 2.0.21 → 2.0.22

package/dist/ui/icon-text.d.ts

@@ -0,0 +1,57 @@
+import { default as React } from 'react';
+export interface IconTextProps {
+    /** Icon component to display */
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Text content */
+    children: React.ReactNode;
+    /** Icon position */
+    iconPosition?: 'left' | 'right' | 'top';
+    /** Gap between icon and text */
+    gap?: 'xs' | 'sm' | 'md' | 'lg';
+    /** Icon size */
+    iconSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Text alignment (for top icon position) */
+    align?: 'left' | 'center' | 'right';
+    /** Color variant */
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'muted';
+    /** Additional className for the container */
+    className?: string;
+    /** Additional className for the icon */
+    iconClassName?: string;
+    /** Additional className for the text */
+    textClassName?: string;
+}
+/**
+ * IconText Component
+ *
+ * Displays an icon alongside text content with flexible positioning and styling.
+ * Commonly used for buttons, labels, list items, and feature highlights.
+ *
+ * @example
+ * ```tsx
+ * import { CheckCircleIcon } from '@heroicons/react/24/outline';
+ *
+ * <IconText icon={CheckCircleIcon}>
+ *   Feature enabled
+ * </IconText>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * import { SparklesIcon } from '@heroicons/react/24/outline';
+ *
+ * <IconText
+ *   icon={SparklesIcon}
+ *   iconPosition="top"
+ *   align="center"
+ *   variant="primary"
+ * >
+ *   Premium Feature
+ * </IconText>
+ * ```
+ */
+export declare const IconText: React.FC<IconTextProps>;
+export default IconText;
+//# sourceMappingURL=icon-text.d.ts.map

package/dist/ui/icon-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-text.d.ts","sourceRoot":"","sources":["../../src/ui/icon-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,gCAAgC;IAChC,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChC,gBAAgB;IAChB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC7E,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyE5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/ui/image-comparison.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UimageUcomparison Component
+ *
+ * A reusable UimageUcomparison component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UimageUcomparison 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/image-comparison}
+ */
+export interface UimageUcomparisonProps {
+    /** 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 UimageUcomparison: ({ className, children, disabled, onClick, }: UimageUcomparisonProps) => import("react/jsx-runtime").JSX.Element;
+export default UimageUcomparison;
+//# sourceMappingURL=image-comparison.d.ts.map

package/dist/ui/image-comparison.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-comparison.d.ts","sourceRoot":"","sources":["../../src/ui/image-comparison.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/ui/image-cropper.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+export interface CropArea {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface ImageCropperProps {
+    /** Image source URL */
+    src: string;
+    /** Aspect ratio (width/height) */
+    aspectRatio?: number;
+    /** Crop completion handler */
+    onCropComplete?: (croppedImage: string, cropArea: CropArea) => void;
+    /** Initial crop area */
+    initialCrop?: CropArea;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ImageCropper Component
+ *
+ * Simple image cropping tool with draggable crop area.
+ * Exports cropped image as base64 data URL.
+ *
+ * Note: This is a simplified version. For production use,
+ * consider libraries like 'react-image-crop' or 'react-easy-crop'.
+ *
+ * @example
+ * ```tsx
+ * <ImageCropper
+ *   src={imageUrl}
+ *   aspectRatio={1}
+ *   onCropComplete={(cropped, area) => {
+ *     console.log('Cropped:', cropped);
+ *   }}
+ * />
+ * ```
+ */
+export declare const ImageCropper: React.FC<ImageCropperProps>;
+export default ImageCropper;
+//# sourceMappingURL=image-cropper.d.ts.map

package/dist/ui/image-cropper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-cropper.d.ts","sourceRoot":"","sources":["../../src/ui/image-cropper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpE,wBAAwB;IACxB,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2GpD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/ui/image-gallery.d.ts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+export interface GalleryImage {
+    id: string;
+    src: string;
+    alt?: string;
+    caption?: string;
+    thumbnail?: string;
+}
+export interface ImageGalleryProps {
+    /** Gallery images */
+    images: GalleryImage[];
+    /** Grid columns */
+    columns?: number;
+    /** Gap between images */
+    gap?: number;
+    /** Enable lightbox */
+    lightbox?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ImageGallery Component
+ *
+ * Image gallery with grid layout and optional lightbox.
+ * Supports thumbnails and captions.
+ *
+ * @example
+ * ```tsx
+ * <ImageGallery
+ *   images={[
+ *     { id: '1', src: '/img1.jpg', alt: 'Image 1', caption: 'Caption 1' },
+ *     { id: '2', src: '/img2.jpg', alt: 'Image 2', caption: 'Caption 2' }
+ *   ]}
+ *   columns={3}
+ *   lightbox
+ * />
+ * ```
+ */
+export declare const ImageGallery: React.FC<ImageGalleryProps>;
+export default ImageGallery;
+//# sourceMappingURL=image-gallery.d.ts.map

package/dist/ui/image-gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-gallery.d.ts","sourceRoot":"","sources":["../../src/ui/image-gallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,qBAAqB;IACrB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0JpD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/ui/image.d.ts

@@ -0,0 +1,60 @@
+import { default as React } from 'react';
+export interface ImageProps {
+    /** Image source URL */
+    src: string;
+    /** Alt text */
+    alt: string;
+    /** Fallback image URL */
+    fallback?: string;
+    /** Width */
+    width?: string | number;
+    /** Height */
+    height?: string | number;
+    /** Object fit */
+    objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    /** Lazy loading */
+    loading?: 'lazy' | 'eager';
+    /** Show loading state */
+    showLoader?: boolean;
+    /** Rounded corners */
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    /** Border */
+    border?: boolean;
+    /** Additional className */
+    className?: string;
+    /** Callback when image loads */
+    onLoad?: () => void;
+    /** Callback when image errors */
+    onError?: () => void;
+}
+/**
+ * Image Component
+ *
+ * Image with lazy loading, error handling, and fallback support.
+ * Shows loader and fallback states automatically.
+ *
+ * @example
+ * ```tsx
+ * <Image
+ *   src="/avatar.jpg"
+ *   alt="User avatar"
+ *   width={100}
+ *   height={100}
+ *   rounded="full"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Image
+ *   src={imageUrl}
+ *   alt="Product image"
+ *   fallback="/placeholder.png"
+ *   loading="lazy"
+ *   showLoader
+ * />
+ * ```
+ */
+export declare const Image: React.FC<ImageProps>;
+export default Image;
+//# sourceMappingURL=image.d.ts.map

package/dist/ui/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/ui/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,UAAU;IACzB,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,aAAa;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB;IACjB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;IACjE,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC/C,aAAa;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA+GtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/ui/import-preview.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UimportUpreview Component
+ *
+ * A reusable UimportUpreview component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UimportUpreview 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/import-preview}
+ */
+export interface UimportUpreviewProps {
+    /** 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 UimportUpreview: ({ className, children, disabled, onClick, }: UimportUpreviewProps) => import("react/jsx-runtime").JSX.Element;
+export default UimportUpreview;
+//# sourceMappingURL=import-preview.d.ts.map

package/dist/ui/import-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"import-preview.d.ts","sourceRoot":"","sources":["../../src/ui/import-preview.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/ui/income-chart.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UincomeUchart Component
+ *
+ * A reusable UincomeUchart component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UincomeUchart 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/income-chart}
+ */
+export interface UincomeUchartProps {
+    /** 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 UincomeUchart: ({ className, children, disabled, onClick, }: UincomeUchartProps) => import("react/jsx-runtime").JSX.Element;
+export default UincomeUchart;
+//# sourceMappingURL=income-chart.d.ts.map

package/dist/ui/income-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"income-chart.d.ts","sourceRoot":"","sources":["../../src/ui/income-chart.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,kBAAkB;IACjC,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,aAAa,GAAI,6CAK3B,kBAAkB,4CAmBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}