@gamecrafters/base-ui 0.0.21 → 0.0.23

package/build/components/avatar/Avatar.types.d.ts

@@ -3,8 +3,20 @@ import type { ResponsiveValue } from "../../hooks/useResponsive";
 import type { PolymorphicProps } from "../../utilities/polymorphic";
 export type AvatarSize = number | ResponsiveValue<number>;
 export type AvatarShape = "circle" | "square";
+export type AvatarLoadingStatus = "idle" | "loading" | "loaded" | "error";
 export type AvatarProps<As extends React.ElementType = "img"> = PolymorphicProps<As, "img", {
     size?: AvatarSize;
     shape?: AvatarShape;
     className?: string;
 }>;
+export type AvatarImageProps = React.ComponentPropsWithoutRef<"img"> & {
+    className?: string;
+};
+export type AvatarFallbackProps = Omit<React.ComponentPropsWithoutRef<"span">, "children"> & {
+    name: string;
+    className?: string;
+};
+export type AvatarContextValue = {
+    status?: AvatarLoadingStatus;
+    setStatus?: (status: AvatarLoadingStatus) => void;
+};

package/build/components/avatar/AvatarContext.d.ts

@@ -0,0 +1,2 @@
+import type { AvatarContextValue } from "./Avatar.types";
+export declare const AvatarContext: import("react").Context<AvatarContextValue>;

package/build/components/avatar/AvatarFallback.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & {
+    name: string;
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/avatar/AvatarImage.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/avatar/index.d.ts

@@ -1,2 +1,21 @@
-export { default as Avatar, DEFAULT_AVATAR_SIZE } from "./Avatar";
+import { DEFAULT_AVATAR_SIZE } from "./Avatar";
+import AvatarFallback from "./AvatarFallback";
+import AvatarImage from "./AvatarImage";
+export declare const Avatar: (<As extends React.ElementType = "img">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "img" : As> & {
+    size?: import("./Avatar.types").AvatarSize;
+    shape?: import("./Avatar.types").AvatarShape;
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & import("react").RefAttributes<any>) => React.ReactNode) & {
+    Image: (props: Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Fallback: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & {
+        name: string;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+};
+export { AvatarImage, AvatarFallback, DEFAULT_AVATAR_SIZE };
+export { AvatarContext } from "./AvatarContext";
 export * from "./Avatar.types";

package/build/components/avatar-stack/AvatarStack.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
 import type { AvatarShape, AvatarSize } from "../avatar/Avatar.types";
-import type { AvatarStackVariant } from "./AvatarStack.types";
+import type { AvatarStackAlign, AvatarStackVariant } from "./AvatarStack.types";
 declare const _default: <As extends React.ElementType = "span">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "span" : As> & {
     variant?: AvatarStackVariant;
     shape?: AvatarShape;
     size?: AvatarSize;
-    alignRight?: boolean;
+    align?: AvatarStackAlign;
     disableExpand?: boolean;
     className?: string;
 }, "as"> & {

package/build/components/avatar-stack/AvatarStack.types.d.ts

@@ -2,11 +2,12 @@ import type * as React from "react";
 import type { AvatarShape, AvatarSize } from "../avatar/Avatar.types";
 import type { PolymorphicProps } from "../../utilities/polymorphic";
 export type AvatarStackVariant = "cascade" | "stack";
+export type AvatarStackAlign = "left" | "right";
 export type AvatarStackProps<As extends React.ElementType = "span"> = PolymorphicProps<As, "span", {
     variant?: AvatarStackVariant;
     shape?: AvatarShape;
     size?: AvatarSize;
-    alignRight?: boolean;
+    align?: AvatarStackAlign;
     disableExpand?: boolean;
     className?: string;
 }>;

package/build/components/index.d.ts

@@ -68,6 +68,7 @@ export * from "./markdown";
 export * from "./marquee";
 export * from "./message";
 export * from "./meter";
+export * from "./native-select";
 export * from "./navigation-list";
 export * from "./navigation-menu";
 export * from "./number-input";

package/build/components/native-select/NativeSelect.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { NativeSelectSize, NativeSelectValidationStatus } from "./NativeSelect.types";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref">, "size" | "multiple"> & {
+    size?: NativeSelectSize;
+    block?: boolean;
+    validationStatus?: NativeSelectValidationStatus;
+    placeholder?: string;
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/native-select/NativeSelect.types.d.ts

@@ -0,0 +1,17 @@
+import type * as React from "react";
+export type NativeSelectSize = "small" | "medium" | "large";
+export type NativeSelectValidationStatus = "error" | "success";
+export type NativeSelectProps = Omit<React.ComponentPropsWithoutRef<"select">, "size" | "multiple"> & {
+    size?: NativeSelectSize;
+    block?: boolean;
+    validationStatus?: NativeSelectValidationStatus;
+    placeholder?: string;
+    className?: string;
+};
+export type NativeSelectOptionProps = React.ComponentPropsWithoutRef<"option"> & {
+    value: string;
+    className?: string;
+};
+export type NativeSelectOptGroupProps = React.ComponentPropsWithoutRef<"optgroup"> & {
+    className?: string;
+};

package/build/components/native-select/NativeSelectOptGroup.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, "ref"> & {
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/native-select/NativeSelectOption.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref"> & {
+    value: string;
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/native-select/index.d.ts

@@ -0,0 +1,19 @@
+import NativeSelectOptGroup from "./NativeSelectOptGroup";
+import NativeSelectOption from "./NativeSelectOption";
+export declare const NativeSelect: ((props: Omit<Omit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref">, "size" | "multiple"> & {
+    size?: import("./NativeSelect.types").NativeSelectSize;
+    block?: boolean;
+    validationStatus?: import("./NativeSelect.types").NativeSelectValidationStatus;
+    placeholder?: string;
+    className?: string;
+} & import("react").RefAttributes<any>) => React.ReactNode) & {
+    Option: (props: Omit<import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref"> & {
+        value: string;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    OptGroup: (props: Omit<import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, "ref"> & {
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+};
+export { NativeSelectOption, NativeSelectOptGroup };
+export * from "./NativeSelect.types";

package/build/components/select/Select.d.ts

@@ -1,10 +1,20 @@
 import * as React from "react";
 import type { SelectSize, SelectValidationStatus } from "./Select.types";
-declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref">, "size" | "multiple"> & {
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "size" | "onChange" | "value" | "defaultValue" | "type"> & {
     size?: SelectSize;
     block?: boolean;
     validationStatus?: SelectValidationStatus;
     placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    name?: string;
+    required?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    side?: import("..").AnchorSide;
+    align?: import("..").AnchorAlignment;
     className?: string;
 } & React.RefAttributes<any>) => React.ReactNode;
 export default _default;

package/build/components/select/Select.types.d.ts

@@ -1,17 +1,48 @@
 import type * as React from "react";
+import type { AnchorAlignment, AnchorSide } from "../tooltip/anchoredPosition";
 export type SelectSize = "small" | "medium" | "large";
 export type SelectValidationStatus = "error" | "success";
-export type SelectProps = Omit<React.ComponentPropsWithoutRef<"select">, "size" | "multiple"> & {
+export type SelectOptionEntry = {
+    value: string;
+    label: React.ReactNode;
+    text: string;
+    disabled: boolean;
+};
+export type SelectProps = Omit<React.ComponentPropsWithoutRef<"button">, "size" | "value" | "defaultValue" | "onChange" | "type"> & {
     size?: SelectSize;
     block?: boolean;
     validationStatus?: SelectValidationStatus;
     placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    name?: string;
+    required?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    side?: AnchorSide;
+    align?: AnchorAlignment;
     className?: string;
 };
-export type SelectOptionProps = React.ComponentPropsWithoutRef<"option"> & {
+export type SelectOptionProps = React.ComponentPropsWithoutRef<"div"> & {
     value: string;
+    disabled?: boolean;
     className?: string;
 };
-export type SelectOptGroupProps = React.ComponentPropsWithoutRef<"optgroup"> & {
+export type SelectOptGroupProps = React.ComponentPropsWithoutRef<"div"> & {
+    label: string;
+    disabled?: boolean;
     className?: string;
 };
+export type SelectOptGroupContextValue = {
+    disabled?: boolean;
+};
+export type SelectContextValue = {
+    size?: SelectSize;
+    value?: string;
+    onSelect?: (value: string) => void;
+    activeValue?: string;
+    setActiveValue?: (value: string) => void;
+    getOptionId?: (value: string) => string | undefined;
+};

package/build/components/select/SelectContext.d.ts

@@ -0,0 +1,2 @@
+import type { SelectContextValue } from "./Select.types";
+export declare const SelectContext: import("react").Context<SelectContextValue>;

package/build/components/select/SelectOptGroup.d.ts

@@ -1,5 +1,7 @@
 import * as React from "react";
-declare const _default: (props: Omit<React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, "ref"> & {
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    label: string;
+    disabled?: boolean;
     className?: string;
 } & React.RefAttributes<any>) => React.ReactNode;
 export default _default;

package/build/components/select/SelectOptGroupContext.d.ts

@@ -0,0 +1,2 @@
+import type { SelectOptGroupContextValue } from "./Select.types";
+export declare const SelectOptGroupContext: import("react").Context<SelectOptGroupContextValue>;

package/build/components/select/SelectOption.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
-declare const _default: (props: Omit<React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref"> & {
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     value: string;
+    disabled?: boolean;
     className?: string;
 } & React.RefAttributes<any>) => React.ReactNode;
 export default _default;

package/build/components/select/index.d.ts

@@ -1,19 +1,34 @@
 import SelectOptGroup from "./SelectOptGroup";
 import SelectOption from "./SelectOption";
-export declare const Select: ((props: Omit<Omit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref">, "size" | "multiple"> & {
+export declare const Select: ((props: Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "size" | "onChange" | "value" | "defaultValue" | "type"> & {
     size?: import("./Select.types").SelectSize;
     block?: boolean;
     validationStatus?: import("./Select.types").SelectValidationStatus;
     placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    name?: string;
+    required?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    side?: import("..").AnchorSide;
+    align?: import("..").AnchorAlignment;
     className?: string;
 } & import("react").RefAttributes<any>) => React.ReactNode) & {
-    Option: (props: Omit<import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref"> & {
+    Option: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         value: string;
+        disabled?: boolean;
         className?: string;
     } & import("react").RefAttributes<any>) => React.ReactNode;
-    OptGroup: (props: Omit<import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, "ref"> & {
+    OptGroup: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        label: string;
+        disabled?: boolean;
         className?: string;
     } & import("react").RefAttributes<any>) => React.ReactNode;
 };
 export { SelectOption, SelectOptGroup };
+export { SelectContext } from "./SelectContext";
+export { SelectOptGroupContext } from "./SelectOptGroupContext";
 export * from "./Select.types";