@npm-questionpro/wick-ui-lib 2.0.0-next.15 → 2.0.0-next.17

package/dist/components/button/WuButton.d.ts

@@ -1,13 +1,34 @@
-export interface IWuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'outline' | 'rounded' | 'link' | 'iconOnly';
-    size?: 'md' | 'sm' | 'mobile';
-    color?: 'primary' | 'upgrade' | 'error' | 'neutral';
+import { Button } from '@base-ui/react/button';
+export type IWuButtonProps = Button.Props & {
+    ref?: React.Ref<HTMLButtonElement | null>;
+    /** Icon node rendered alongside the label. Position controlled by `iconPosition`. */
     Icon?: React.ReactNode;
+    /** Custom spinner shown while `loading=true`. Defaults to `<WuLoader color="white" size="sm" />`. */
+    Loader?: React.ReactNode;
+    /** Which side the icon appears on. @default 'left' */
     iconPosition?: 'left' | 'right';
-    floating?: boolean;
-    disabled?: boolean;
+    /** Visual structure of the button. @default 'primary' */
+    variant?: 'primary' | 'secondary' | 'outline' | 'link'
+    /** @deprecated use size="icon" and variant="secondary" instead */
+     | 'iconOnly'
+    /** @deprecated use shape="rounded" instead */
+     | 'rounded';
+    /** Touch target and density. @default 'md' */
+    size?: 'sm' | 'md' | 'mobile' | 'icon';
+    /** Semantic color palette. @default 'primary' */
+    color?: 'primary' | 'error' | 'upgrade';
+    /** Border-radius style. */
+    shape?: 'rounded' | 'square';
+    /** Shows spinner and blocks interaction. Sets `aria-busy`. */
     loading?: boolean;
+    /** Adds elevation shadow. Use for FAB-style buttons. */
+    floating?: boolean;
+    /** Toggled/active state. Sets `aria-pressed`. */
     selected?: boolean;
-    dir?: 'rtl' | 'ltr';
-}
-export declare const WuButton: import("react").ForwardRefExoticComponent<IWuButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+/**
+ * Primary action trigger for user interactions.
+ *
+ * @summary action trigger — use variant + color to set visual weight and semantic intent
+ */
+export declare const WuButton: React.FC<IWuButtonProps>;

package/dist/components/segment/WuSegment.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { IWuSegmentOption } from './types/IWuSegmentOption';
+export interface IWuSegmentProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    options: IWuSegmentOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'text' | 'icon';
+    disabled?: boolean;
+    dir?: 'ltr' | 'rtl';
+}
+export declare const WuSegment: React.ForwardRefExoticComponent<IWuSegmentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/segment/index.d.ts

@@ -0,0 +1,3 @@
+export type { IWuSegmentOption } from './types/IWuSegmentOption';
+export { WuSegment } from './WuSegment';
+export type { IWuSegmentProps } from './WuSegment';

package/dist/components/segment/types/IWuSegmentOption.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface IWuSegmentOption {
+    value: string;
+    label?: string;
+    icon?: ReactNode;
+    children?: ReactNode;
+    disabled?: boolean;
+}

package/dist/index.d.ts

@@ -33,6 +33,7 @@ export * from './components/pagination';
 export * from './components/popover';
 export * from './components/radio';
 export * from './components/scrollArea';
+export * from './components/segment';
 export * from './components/select';
 export * from './components/sidebar';
 export * from './components/spotlight';