@sudobility/design-components 1.0.8

package/dist/aurora-background.d.ts

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

package/dist/aurora-background.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aurora-background.d.ts","sourceRoot":"","sources":["../src/aurora-background.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,uBAAuB;IACtC,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,kBAAkB,GAAI,6CAKhC,uBAAuB,4CAmBzB,CAAC"}

package/dist/badge-designer.d.ts

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

package/dist/badge-designer.d.ts.map

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

package/dist/color-picker-advanced.d.ts

@@ -0,0 +1,8 @@
+export interface ColorPickerAdvancedProps {
+    value: string;
+    onChange: (color: string) => void;
+    presets?: string[];
+    className?: string;
+}
+export declare const ColorPickerAdvanced: ({ value, onChange, presets, className, }: ColorPickerAdvancedProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=color-picker-advanced.d.ts.map

package/dist/color-picker-advanced.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-advanced.d.ts","sourceRoot":"","sources":["../src/color-picker-advanced.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,GAAI,0CAKjC,wBAAwB,4CAoC1B,CAAC"}

package/dist/color-picker.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+export interface ColorPickerProps {
+    /** Selected color (hex format) */
+    value: string;
+    /** Change handler */
+    onChange: (color: string) => void;
+    /** Preset colors */
+    presets?: string[];
+    /** Show input field */
+    showInput?: boolean;
+    /** Show opacity slider */
+    showOpacity?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ColorPicker Component
+ *
+ * Color picker with preset colors and custom input.
+ * Supports hex colors and opacity.
+ *
+ * @example
+ * ```tsx
+ * <ColorPicker
+ *   value={color}
+ *   onChange={setColor}
+ *   showInput
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ColorPicker
+ *   value={brandColor}
+ *   onChange={handleColorChange}
+ *   presets={['#FF6B6B', '#4ECDC4', '#45B7D1', '#FFA07A']}
+ *   showOpacity
+ * />
+ * ```
+ */
+export declare const ColorPicker: React.FC<ColorPickerProps>;
+//# sourceMappingURL=color-picker.d.ts.map

package/dist/color-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../src/color-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgJlD,CAAC"}

package/dist/color-swatch.d.ts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+export interface Color {
+    /** Color hex value */
+    hex: string;
+    /** Color name */
+    name?: string;
+}
+export interface ColorSwatchProps {
+    /** Colors to display */
+    colors: Color[] | string[];
+    /** Selected color */
+    selectedColor?: string;
+    /** Color change handler */
+    onColorSelect?: (color: string) => void;
+    /** Swatch size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Show color names */
+    showNames?: boolean;
+    /** Show copy button */
+    showCopy?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ColorSwatch Component
+ *
+ * Color palette display with selection and copy functionality.
+ * Useful for color pickers and design systems.
+ *
+ * @example
+ * ```tsx
+ * <ColorSwatch
+ *   colors={['#FF0000', '#00FF00', '#0000FF']}
+ *   selectedColor={activeColor}
+ *   onColorSelect={setActiveColor}
+ *   showCopy
+ * />
+ * ```
+ */
+export declare const ColorSwatch: React.FC<ColorSwatchProps>;
+//# sourceMappingURL=color-swatch.d.ts.map

package/dist/color-swatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-swatch.d.ts","sourceRoot":"","sources":["../src/color-swatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,KAAK;IACpB,sBAAsB;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,EAAE,CAAC;IAC3B,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,uBAAuB;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2GlD,CAAC"}

package/dist/gradient-banner.d.ts

@@ -0,0 +1,47 @@
+import { default as React } from 'react';
+export interface GradientBannerProps {
+    /** Main content of the banner */
+    children: React.ReactNode;
+    /** Gradient color variant */
+    variant?: 'blue-purple' | 'green-blue' | 'orange-red' | 'gray' | 'light' | 'custom';
+    /** Custom gradient classes (when variant is 'custom') */
+    gradientClasses?: string;
+    /** Size/padding variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Border radius */
+    rounded?: 'md' | 'lg' | 'xl' | '2xl';
+    /** Show border */
+    bordered?: boolean;
+    /** Border color classes (when bordered is true) */
+    borderClasses?: string;
+    /** Additional className for the container */
+    className?: string;
+}
+/**
+ * GradientBanner Component
+ *
+ * A versatile banner component with gradient backgrounds for highlighting
+ * important content, CTAs, or feature sections.
+ *
+ * @example
+ * ```tsx
+ * <GradientBanner variant="blue-purple" size="lg">
+ *   <h3 className={textVariants.heading.h3()}>Special Offer</h3>
+ *   <p>Get started with Web3 Email today!</p>
+ * </GradientBanner>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Light variant with border
+ * <GradientBanner
+ *   variant="light"
+ *   bordered
+ *   borderClasses="border-2 border-blue-200"
+ * >
+ *   <Alert variant="info">Important information</Alert>
+ * </GradientBanner>
+ * ```
+ */
+export declare const GradientBanner: React.FC<GradientBannerProps>;
+//# sourceMappingURL=gradient-banner.d.ts.map

package/dist/gradient-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-banner.d.ts","sourceRoot":"","sources":["../src/gradient-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,OAAO,CAAC,EACJ,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,OAAO,GACP,QAAQ,CAAC;IACb,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACrC,kBAAkB;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmDxD,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * design-components
+ *
+ * Specialized components for the design domain
+ *
+ * @package @sudobility/design-components
+ */
+export * from './aurora-background';
+export * from './badge-designer';
+export * from './color-picker-advanced';
+export * from './color-picker';
+export * from './color-swatch';
+export * from './gradient-banner';
+export * from './neumorphic-button';
+export * from './theme-switcher';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}