@qasa/qds-ui 0.1.1 → 0.1.2

package/dist/esm/types/components/stack/stack.d.ts

@@ -4,11 +4,37 @@ import type * as Polymorphic from '../../utils/polymorphic';
 import type { AlignItems, FlexDirection, JustifyContent, FlexWrap } from './stack.types';
 declare type GapProp = keyof Theme['spacing'];
 interface StackOptions {
+    /**
+     * The direction of the stack.
+     * @default 'column'
+     */
     direction?: FlexDirection;
+    /**
+     * The CSS `justify-content` property.
+     * Controls the alignment of items on the main axis.
+     */
     justifyContent?: JustifyContent;
+    /**
+     * The CSS `align-items` property.
+     * Controls the alignment of items on the cross axis.
+     */
     alignItems?: AlignItems;
+    /**
+     * The CSS `flex-wrap` property.
+     * Controls whether children can wrap onto multiple lines.
+     * @default 'nowrap'
+     */
     wrap?: FlexWrap;
+    /**
+     * The gap between each child element.
+     */
     gap?: GapProp;
+    /**
+     * A divider element to be rendered between each child element.
+     *
+     * _Note: For the divider to be rendered, the child elements can't be loose strings or numbers.
+     *  Wrap them in a `div` or other element._
+     */
     divider?: ReactNode;
 }
 declare type StackComponent = Polymorphic.ForwardRefComponent<'div', StackOptions>;

package/dist/esm/types/hooks/use-breakpoint-value.d.ts

@@ -12,5 +12,5 @@ export declare type UseBreakpointValueProps<T> = BreakpointsConfig<T>;
  * @example
  * const width = useBreakpointValue({ base: '150px', md: '250px' })
  */
-export declare function useBreakpointValue<T>(values: UseBreakpointValueProps<T>, options?: UseBreakpointOptions): T | undefined;
+export declare function useBreakpointValue<T>(values: UseBreakpointValueProps<T>, options?: UseBreakpointOptions): T;
 export {};

package/dist/index.d.ts

@@ -4844,11 +4844,37 @@ declare type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
 
 declare type GapProp = keyof Theme['spacing'];
 interface StackOptions {
+    /**
+     * The direction of the stack.
+     * @default 'column'
+     */
     direction?: FlexDirection;
+    /**
+     * The CSS `justify-content` property.
+     * Controls the alignment of items on the main axis.
+     */
     justifyContent?: JustifyContent;
+    /**
+     * The CSS `align-items` property.
+     * Controls the alignment of items on the cross axis.
+     */
     alignItems?: AlignItems;
+    /**
+     * The CSS `flex-wrap` property.
+     * Controls whether children can wrap onto multiple lines.
+     * @default 'nowrap'
+     */
     wrap?: FlexWrap;
+    /**
+     * The gap between each child element.
+     */
     gap?: GapProp;
+    /**
+     * A divider element to be rendered between each child element.
+     *
+     * _Note: For the divider to be rendered, the child elements can't be loose strings or numbers.
+     *  Wrap them in a `div` or other element._
+     */
     divider?: ReactNode;
 }
 declare type StackComponent = ForwardRefComponent<'div', StackOptions>;
@@ -4903,7 +4929,7 @@ declare type UseBreakpointValueProps<T> = BreakpointsConfig<T>;
  * @example
  * const width = useBreakpointValue({ base: '150px', md: '250px' })
  */
-declare function useBreakpointValue<T>(values: UseBreakpointValueProps<T>, options?: UseBreakpointOptions): T | undefined;
+declare function useBreakpointValue<T>(values: UseBreakpointValueProps<T>, options?: UseBreakpointOptions): T;
 
 declare type LoadingStatus = 'loading' | 'loaded' | 'error' | 'pending';
 interface UseImageProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qasa/qds-ui",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "license": "UNLICENSED",
   "publishConfig": {
     "access": "public"