@wow-two-beta/ui 0.0.4 → 0.0.5

package/dist/display/index.js

@@ -1,3 +1,8 @@
-import '../chunk-PSDQXPUE.js';
+export { Avatar, Badge, Code, Heading, Image, Kbd, Mark, Quote, Separator, Tag, Text, avatarVariants, badgeVariants, codeVariants, headingVariants, tagVariants, textVariants } from '../chunk-MP4OTUFA.js';
+import '../chunk-TDX22OWF.js';
+import '../chunk-BMBIZLO4.js';
+import '../chunk-DN7WBRIV.js';
+import '../chunk-KZ4VFY2T.js';
+import '../chunk-PZ5AY32C.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/feedback/index.d.ts

@@ -1,2 +1,507 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 
-export {  }
+declare const spinnerVariants: tailwind_variants.TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    tone: {
+        default: string;
+        brand: string;
+        muted: string;
+        current: string;
+    };
+}, undefined, "inline-block animate-spin rounded-full border-current border-b-transparent", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    tone: {
+        default: string;
+        brand: string;
+        muted: string;
+        current: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    tone: {
+        default: string;
+        brand: string;
+        muted: string;
+        current: string;
+    };
+}>, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    tone: {
+        default: string;
+        brand: string;
+        muted: string;
+        current: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    tone: {
+        default: string;
+        brand: string;
+        muted: string;
+        current: string;
+    };
+}, undefined, "inline-block animate-spin rounded-full border-current border-b-transparent", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    tone: {
+        default: string;
+        brand: string;
+        muted: string;
+        current: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    tone: {
+        default: string;
+        brand: string;
+        muted: string;
+        current: string;
+    };
+}>, unknown, unknown, undefined>>;
+type SpinnerVariants = VariantProps<typeof spinnerVariants>;
+
+interface SpinnerProps extends Omit<ComponentPropsWithoutRef<'span'>, 'children'>, SpinnerVariants {
+    /** Accessible label. Default `"Loading"`. */
+    label?: string;
+}
+/**
+ * Indeterminate loading spinner. Renders a spinning circle and a visually
+ * hidden text label for screen readers.
+ */
+declare const Spinner: react.ForwardRefExoticComponent<SpinnerProps & react.RefAttributes<HTMLSpanElement>>;
+
+declare const skeletonVariants: tailwind_variants.TVReturnType<{
+    shape: {
+        rect: string;
+        text: string;
+        circle: string;
+    };
+}, undefined, "animate-pulse bg-neutral-200", tailwind_variants_dist_config_js.TVConfig<{
+    shape: {
+        rect: string;
+        text: string;
+        circle: string;
+    };
+}, {
+    shape: {
+        rect: string;
+        text: string;
+        circle: string;
+    };
+}>, {
+    shape: {
+        rect: string;
+        text: string;
+        circle: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    shape: {
+        rect: string;
+        text: string;
+        circle: string;
+    };
+}, undefined, "animate-pulse bg-neutral-200", tailwind_variants_dist_config_js.TVConfig<{
+    shape: {
+        rect: string;
+        text: string;
+        circle: string;
+    };
+}, {
+    shape: {
+        rect: string;
+        text: string;
+        circle: string;
+    };
+}>, unknown, unknown, undefined>>;
+type SkeletonVariants = VariantProps<typeof skeletonVariants>;
+
+interface SkeletonProps extends ComponentPropsWithoutRef<'div'>, SkeletonVariants {
+}
+/**
+ * Loading placeholder. Use sized via `className` (e.g. `w-32 h-4`) for text
+ * lines, or as a full block with `shape="rect"`.
+ */
+declare const Skeleton: react.ForwardRefExoticComponent<SkeletonProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const progressTrackVariants: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "h-2 w-full overflow-hidden rounded-full bg-neutral-200", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "h-2 w-full overflow-hidden rounded-full bg-neutral-200", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const progressFillVariants: tailwind_variants.TVReturnType<{
+    tone: {
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, "h-full rounded-full transition-[width] duration-300", tailwind_variants_dist_config_js.TVConfig<{
+    tone: {
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, {
+    tone: {
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}>, {
+    tone: {
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    tone: {
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, "h-full rounded-full transition-[width] duration-300", tailwind_variants_dist_config_js.TVConfig<{
+    tone: {
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, {
+    tone: {
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}>, unknown, unknown, undefined>>;
+type ProgressBarVariants = VariantProps<typeof progressTrackVariants> & VariantProps<typeof progressFillVariants>;
+
+interface ProgressBarProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'>, ProgressBarVariants {
+    /** Current value 0–100. Pass `undefined` for indeterminate. */
+    value?: number;
+    max?: number;
+    /** Accessible label for the progress. */
+    label?: string;
+}
+/**
+ * Linear progress indicator. Set `value` (0–`max`) for determinate; omit
+ * for indeterminate.
+ */
+declare const ProgressBar: react.ForwardRefExoticComponent<ProgressBarProps & react.RefAttributes<HTMLDivElement>>;
+
+interface ProgressCircleProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
+    /** 0–100. Omit for indeterminate. */
+    value?: number;
+    max?: number;
+    size?: number;
+    thickness?: number;
+    tone?: 'brand' | 'success' | 'warning' | 'danger' | 'neutral';
+    label?: string;
+}
+/**
+ * Circular progress indicator (SVG). Determinate when `value` is set;
+ * indeterminate (rotating) when omitted.
+ */
+declare const ProgressCircle: react.ForwardRefExoticComponent<ProgressCircleProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const alertSimpleVariants: tailwind_variants.TVReturnType<{
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, "rounded-md border px-4 py-3 text-sm", tailwind_variants_dist_config_js.TVConfig<{
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, {
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}>, {
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, "rounded-md border px-4 py-3 text-sm", tailwind_variants_dist_config_js.TVConfig<{
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, {
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}>, unknown, unknown, undefined>>;
+type AlertSimpleVariants = VariantProps<typeof alertSimpleVariants>;
+
+interface AlertSimpleProps extends ComponentPropsWithoutRef<'div'>, AlertSimpleVariants {
+}
+/**
+ * Atomic alert — a styled colored container that takes free-form `children`.
+ * No internal slots; consumer composes title/description/actions inline.
+ *
+ * For the structured Icon + Title + Description + Actions composition use
+ * the `Alert` molecule (L4).
+ */
+declare const AlertSimple: react.ForwardRefExoticComponent<AlertSimpleProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const bannerSimpleVariants: tailwind_variants.TVReturnType<{
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, "w-full px-6 py-3 text-sm", tailwind_variants_dist_config_js.TVConfig<{
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, {
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}>, {
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, "w-full px-6 py-3 text-sm", tailwind_variants_dist_config_js.TVConfig<{
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, {
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}>, unknown, unknown, undefined>>;
+type BannerSimpleVariants = VariantProps<typeof bannerSimpleVariants>;
+
+interface BannerSimpleProps extends ComponentPropsWithoutRef<'div'>, BannerSimpleVariants {
+}
+/**
+ * Full-width banner — typically pinned to the top of the app to broadcast
+ * status. Atom; for structured slotted layout use `Banner` (L4).
+ */
+declare const BannerSimple: react.ForwardRefExoticComponent<BannerSimpleProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const toastSimpleVariants: tailwind_variants.TVReturnType<{
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, "pointer-events-auto rounded-md border bg-white shadow-lg px-4 py-3 text-sm", tailwind_variants_dist_config_js.TVConfig<{
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, {
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}>, {
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, "pointer-events-auto rounded-md border bg-white shadow-lg px-4 py-3 text-sm", tailwind_variants_dist_config_js.TVConfig<{
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, {
+    severity: {
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}>, unknown, unknown, undefined>>;
+type ToastSimpleVariants = VariantProps<typeof toastSimpleVariants>;
+
+interface ToastSimpleProps extends ComponentPropsWithoutRef<'div'>, ToastSimpleVariants {
+}
+/**
+ * Atomic toast — a single notification card with free-form `children`.
+ * Visual only; the queue / portal manager (`Toaster`) lives at L5. For
+ * the structured Icon + Title + Description + Action layout, use the
+ * `Toast` molecule (L4).
+ */
+declare const ToastSimple: react.ForwardRefExoticComponent<ToastSimpleProps & react.RefAttributes<HTMLDivElement>>;
+
+export { AlertSimple, type AlertSimpleProps, type AlertSimpleVariants, BannerSimple, type BannerSimpleProps, type BannerSimpleVariants, ProgressBar, type ProgressBarProps, type ProgressBarVariants, ProgressCircle, type ProgressCircleProps, Skeleton, type SkeletonProps, type SkeletonVariants, Spinner, type SpinnerProps, type SpinnerVariants, ToastSimple, type ToastSimpleProps, type ToastSimpleVariants, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, spinnerVariants, toastSimpleVariants };

package/dist/feedback/index.js

@@ -1,3 +1,7 @@
-import '../chunk-ZDU7SROW.js';
+export { AlertSimple, BannerSimple, ProgressBar, ProgressCircle, Skeleton, Spinner, ToastSimple, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, spinnerVariants, toastSimpleVariants } from '../chunk-YLN7VMYU.js';
+import '../chunk-BMBIZLO4.js';
+import '../chunk-DN7WBRIV.js';
+import '../chunk-KZ4VFY2T.js';
+import '../chunk-PZ5AY32C.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map