@bronzelabs/oakma-ui 0.0.3 → 0.0.5

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { b as TextFieldSize, c as TextFieldVariant } from '../../types-CKb67Dtj.js';
+
+interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "id"> {
+    id: string;
+    label?: string;
+    size?: TextFieldSize;
+    variant?: TextFieldVariant;
+    leadingIcon?: {
+        icon: React.ReactNode;
+    };
+    trailingIcon?: {
+        icon: React.ReactNode;
+        onClick?: React.MouseEventHandler<HTMLButtonElement>;
+        type?: "button" | "submit" | "reset";
+        disabled?: boolean;
+    };
+    showOptional?: boolean;
+    error?: {
+        message: string;
+    };
+}
+declare const TextArea: React.FC<TextAreaProps>;
+
+export { type TextAreaProps, TextFieldSize as TextAreaSize, TextFieldVariant as TextAreaVariant, TextArea as default };

package/dist/components/TextArea/index.js

@@ -0,0 +1,2 @@
+"use client";
+import{a}from"../../chunk-6TPVG4ID.js";import"../../chunk-3LIRS3ET.js";export{a as default};

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

@@ -0,0 +1,73 @@
+import React$1 from 'react';
+import { b as TextFieldSize, c as TextFieldVariant } from '../../types-CKb67Dtj.js';
+export { T as TEXT_FIELD_SIZES, a as TEXT_FIELD_VARIANTS } from '../../types-CKb67Dtj.js';
+
+interface ContainerProps {
+    keyboardFocused?: boolean;
+    onMouseDown?: React$1.MouseEventHandler<HTMLDivElement>;
+    onMouseUp?: React$1.MouseEventHandler<HTMLDivElement>;
+    size: "sm" | "md";
+    variant?: "dark" | "light";
+    hasButton: boolean;
+    label?: string;
+    showOptional?: boolean;
+    required?: boolean;
+    children: React$1.ReactNode;
+    className?: string;
+}
+declare const Container: React$1.FC<ContainerProps>;
+
+interface ErrorMessageProps {
+    id: string;
+    error: {
+        message: string;
+    };
+    className?: string;
+}
+declare const ErrorMessage: React$1.FC<ErrorMessageProps>;
+
+interface LabelProps {
+    /** Unique identifier for the input element associated with this label */
+    inputId: string;
+    label: string;
+    variant?: "dark" | "light";
+    showOptional?: boolean;
+    required?: boolean;
+    className?: string;
+}
+declare const Label: React$1.FC<LabelProps>;
+
+interface IconProps {
+    position: "leading" | "trailing";
+    fieldSize: TextFieldSize;
+    variant: TextFieldVariant;
+    onClick?: React$1.MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+    buttonType?: "button" | "submit" | "reset";
+    children: React$1.ReactNode;
+    className?: string;
+    name?: string;
+}
+declare const Icon: React$1.FC<IconProps>;
+
+interface NotchBorderProps {
+    label?: string;
+    showOptional?: boolean;
+    required?: boolean;
+    variant?: "dark" | "light";
+}
+declare const NotchBorder: React$1.FC<NotchBorderProps>;
+
+interface UseInputKeyboardFocusProps<T> {
+    onFocus?: React.FocusEventHandler<T>;
+    onBlur?: React.FocusEventHandler<T>;
+}
+declare const useInputKeyboardFocus: <T extends HTMLElement = HTMLInputElement>({ onFocus, onBlur, }: UseInputKeyboardFocusProps<T>) => {
+    keyboardFocused: boolean;
+    handleMouseDown: () => void;
+    handleMouseUp: () => void;
+    handleFocus: (e: React.FocusEvent<T>) => void | undefined;
+    handleBlur: (e: React.FocusEvent<T>) => void | undefined;
+};
+
+export { Container, ErrorMessage, Icon, Label, NotchBorder, TextFieldSize, TextFieldVariant, useInputKeyboardFocus };

package/dist/components/TextField/index.js

@@ -0,0 +1,2 @@
+"use client";
+import{a,b,c,d,e,f,g,h}from"../../chunk-3LIRS3ET.js";export{b as Container,c as ErrorMessage,e as Icon,d as Label,a as NotchBorder,g as TEXT_FIELD_SIZES,h as TEXT_FIELD_VARIANTS,f as useInputKeyboardFocus};

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { ButtonProps } from '../Button/index.js';
+import { b as TextFieldSize, c as TextFieldVariant } from '../../types-CKb67Dtj.js';
+
+interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "id" | "type" | "size"> {
+    id: string;
+    label?: string;
+    size?: TextFieldSize;
+    variant?: TextFieldVariant;
+    type?: React.HTMLInputTypeAttribute;
+    leadingIcon?: {
+        icon: React.ReactNode;
+        onClick?: React.MouseEventHandler<HTMLButtonElement>;
+        type?: "button" | "submit" | "reset";
+        disabled?: boolean;
+        name?: string;
+    };
+    trailingIcon?: {
+        icon: React.ReactNode;
+        onClick?: React.MouseEventHandler<HTMLButtonElement>;
+        type?: "button" | "submit" | "reset";
+        disabled?: boolean;
+        name?: string;
+    };
+    showOptional?: boolean;
+    error?: {
+        message: string;
+    };
+    button?: Omit<ButtonProps, "children"> & {
+        label: string;
+    };
+}
+declare const TextInput: React.FC<TextInputProps>;
+
+export { type TextInputProps, TextFieldSize as TextInputSize, TextFieldVariant as TextInputVariant, TextInput as default };

package/dist/components/TextInput/index.js

@@ -0,0 +1,2 @@
+"use client";
+import{a}from"../../chunk-LF4EJMFU.js";import"../../chunk-ETBWQWG5.js";import"../../chunk-RPWJBMXA.js";import"../../chunk-3LIRS3ET.js";export{a as default};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+
+interface ToggleProps extends Omit<React.ComponentPropsWithRef<"input">, "size" | "children"> {
+    /** Label text displayed next to the Toggle. */
+    label?: string;
+    /** Secondary text displayed below the label. */
+    meta?: string;
+    /** Alternate label shown when the toggle is on. Falls back to label if not set. */
+    activeText?: string;
+}
+declare const Toggle: React.FC<ToggleProps>;
+
+export { type ToggleProps, Toggle as default };

package/dist/components/Toggle/index.js

@@ -0,0 +1,2 @@
+"use client";
+import{a}from"../../chunk-SCGB3NVF.js";export{a as default};

package/dist/index.d.ts

@@ -1,345 +1,20 @@
-import React$1 from 'react';
-import { HTMLMotionProps } from 'motion/react';
-import ReactSelect, { GroupBase } from 'react-select';
-import AsyncReactSelect, { AsyncProps } from 'react-select/async';
-
-declare const BUTTON_SIZES: {
-    readonly sm: "sm";
-    readonly md: "md";
-    readonly lg: "lg";
-};
-type ButtonSize = keyof typeof BUTTON_SIZES;
-declare const BUTTON_VARIANTS: {
-    readonly primary: "primary";
-    readonly secondary: "secondary";
-    readonly "outline-light": "outline-light";
-    readonly "outline-dark": "outline-dark";
-    readonly ghost: "ghost";
-    readonly success: "success";
-    readonly danger: "danger";
-};
-type ButtonVariant = keyof typeof BUTTON_VARIANTS;
-
-type AsProp<C extends React$1.ElementType> = {
-    /** The type of element to render the component as. */
-    as?: C;
-};
-type PropsToOmit<C extends React$1.ElementType, P> = keyof (AsProp<C> & P);
-/**
- * @template {React.ElementType} C Component
- * @template {object} P Props
- */
-type PolymorphicComponentProps<C extends React$1.ElementType, P = object> = React$1.PropsWithChildren<P & AsProp<C>> & Omit<React$1.ComponentPropsWithoutRef<C>, PropsToOmit<C, P>>;
-/**
- * @template {React.ElementType} C Components
- * @template {object} P Props
- */
-type PolymorphicComponentPropsWithRef<C extends React$1.ElementType, P = object> = PolymorphicComponentProps<C, P> & {
-    ref?: PolymorphicRef<C>;
-};
-/**
- * @template {React.ElementType} C Component
- */
-type PolymorphicRef<C extends React$1.ElementType> = React$1.ComponentPropsWithRef<C>["ref"];
-
-type ButtonElementType = "button" | "a";
-interface BaseButtonProps {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    icon?: React$1.ReactNode;
-    as?: ButtonElementType;
-    iconPosition?: "left" | "right";
-    children?: React$1.ReactNode;
-    disabled?: boolean;
-    type?: "button" | "submit" | "reset";
-    loading?: boolean;
-}
-type ButtonProps<C extends ButtonElementType = "button"> = PolymorphicComponentPropsWithRef<C, BaseButtonProps>;
-type ButtonComponent = <C extends ButtonElementType = "button">(props: ButtonProps<C>) => React$1.ReactNode;
-declare const Button: ButtonComponent;
-
-declare const CHECKBOX_SIZES: {
-    readonly sm: "sm";
-    readonly md: "md";
-};
-type CheckboxSize = keyof typeof CHECKBOX_SIZES;
-
-interface CheckboxProps extends Omit<React$1.ComponentPropsWithRef<"input">, "size"> {
-    /** Label text for the checkbox. */
-    label?: string;
-    /** Secondary text displayed below the label. */
-    meta?: string;
-    /** Visual size of the checkbox control. */
-    size?: CheckboxSize;
-}
-declare const Checkbox: React$1.FC<CheckboxProps>;
-
-declare const CHIP_SIZES: {
-    readonly sm: "sm";
-    readonly lg: "lg";
-};
-type ChipSize = keyof typeof CHIP_SIZES;
-
-interface ChipProps extends React$1.ComponentPropsWithRef<"div"> {
-    size?: ChipSize;
-    leadingIcon?: React$1.ReactNode;
-    trailingIcon?: React$1.ReactNode;
-    count?: number | string;
-}
-declare const Chip: React$1.FC<ChipProps>;
-
-declare const DRAWER_POSITIONS: readonly ["top", "right", "bottom", "left"];
-type DrawerPosition = (typeof DRAWER_POSITIONS)[number];
-
-interface DrawerProps extends HTMLMotionProps<"div"> {
-    /** Side of the screen on which the Drawer will be opened. */
-    position?: DrawerPosition;
-    /** Whether the Drawer is open. */
-    isOpen?: boolean;
-    /** Function called when the Drawer is closed. */
-    onClose: () => void;
-    /** Whether the backdrop should be rendered. */
-    withBackdrop?: boolean;
-    /** Whether the close button should be rendered. */
-    withCloseButton?: boolean;
-    /** Whether the Drawer should be closed when user clicks on the overlay. */
-    closeOnClickOutside?: boolean;
-    /** Whether `onClose` should be called when user presses the escape key. */
-    closeOnEscape?: boolean;
-    /** Whether scroll should be locked when `isOpen={true}`. */
-    lockScroll?: boolean;
-    /** Whether focus should be trapped within the drawer when `isOpen={true}`. */
-    trapFocus?: boolean;
-    /** The portal the Drawer should be rendered inside.*/
-    portal?: Element | DocumentFragment;
-    /** */
-    children?: React$1.ReactNode;
-}
-declare const Drawer: React$1.FC<DrawerProps>;
-
-declare const TEXT_FIELD_SIZES: readonly ["sm", "md"];
-type TextFieldSize = (typeof TEXT_FIELD_SIZES)[number];
-declare const TEXT_FIELD_VARIANTS: readonly ["dark", "light"];
-type TextFieldVariant = (typeof TEXT_FIELD_VARIANTS)[number];
-
-type DropdownSize = TextFieldSize;
-interface DropdownSharedProps {
-    label?: string;
-    size?: DropdownSize;
-    showOptional?: boolean;
-    leadingIcon?: {
-        icon: React.ReactNode;
-    };
-    required?: boolean;
-    error?: {
-        message: string;
-    };
-    /**
-     *  When `true`, the dropdown will display a count of selected options when multiple options are selected. This prop is only applicable when using the `MultiSelect` component.
-     *  @default true
-     */
-    showSelectedCount?: boolean;
-}
-
-type SelectProps$1 = React$1.ComponentPropsWithRef<typeof ReactSelect>;
-interface DropdownProps extends Omit<SelectProps$1, "isMulti">, DropdownSharedProps {
-    /**
-     * The `isMulti` prop is not supported in the `Dropdown` component. Please use the `MultiSelect` component for multi-select functionality.
-     */
-    isMulti?: never;
-}
-declare const Dropdown: React$1.FC<DropdownProps>;
-
-interface AsyncDropdownProps extends Omit<AsyncProps<unknown, boolean, GroupBase<unknown>>, "isMulti">, DropdownSharedProps {
-    ref?: React$1.Ref<React$1.ComponentRef<typeof AsyncReactSelect>>;
-    /**
-     * The `isMulti` prop is not supported in the `AsyncDropdown` component. Please use the `MultiSelect` component for multi-select functionality.
-     */
-    isMulti?: never;
-}
-declare const AsyncDropdown: React$1.FC<AsyncDropdownProps>;
-
-interface LogoProps extends React$1.SVGProps<SVGSVGElement> {
-    withGraidient?: boolean;
-    withText?: boolean;
-}
-declare const Logo: React$1.FC<LogoProps>;
-
-interface ModalProps extends HTMLMotionProps<"div"> {
-    /** */
-    isOpen?: boolean;
-    /** Callback function that's called when the Modal is closed. */
-    onClose: () => void;
-    /** */
-    withBackdrop?: boolean;
-    /** */
-    withCloseButton?: boolean;
-    /** */
-    closeOnClickOutside?: boolean;
-    /** */
-    closeOnEscape?: boolean;
-    /** */
-    lockScroll?: boolean;
-    /** */
-    trapFocus?: boolean;
-    /** */
-    portal?: Element | DocumentFragment;
-    /** @deprecated Not currently in use */
-    /** Title to use at the top of the Modal. */
-    title?: string;
-    /** @deprecated Not currently in use */
-    /** Subtitle to use at the top of the Modal. */
-    subTitle?: string;
-    /** A React Node that's displayed in place of the default `title` and `subTitle`. */
-    header?: React$1.ReactNode;
-    /** A React Node that's displayed at the bottom of the Modal. */
-    footer?: React$1.ReactNode;
-    /** */
-    children?: React$1.ReactNode;
-    /** */
-    contentClassName?: string;
-}
-declare const Modal: React$1.FC<ModalProps>;
-
-interface MultiSelectProps extends Omit<DropdownProps, "isMulti"> {
-    cy?: string;
-}
-declare const MultiSelect: React$1.FC<MultiSelectProps>;
-
-interface AsyncMultiSelectProps extends Omit<AsyncDropdownProps, "isMulti"> {
-    cy?: string;
-}
-declare const AsyncMultiSelect: React$1.FC<AsyncMultiSelectProps>;
-
-declare const NOTIFICATION_VARIANTS: readonly ["default", "dark"];
-type NotificationVariant = (typeof NOTIFICATION_VARIANTS)[number];
-
-interface NotificationProps extends Omit<React$1.ComponentPropsWithRef<"div">, "children"> {
-    variant?: NotificationVariant;
-    leadingIcon?: React$1.ReactNode;
-    text: string;
-    subText?: string | React$1.ReactNode;
-    onClose?: () => void;
-}
-interface NotificationData extends Pick<NotificationProps, "variant" | "text" | "subText"> {
-    /** The id of the Notification. */
-    id: string;
-    /** Time that the notification was added. */
-    timestamp: number;
-}
-declare const Notification: React$1.FC<NotificationProps>;
-
-interface NotificationsProps extends React$1.ComponentProps<"div"> {
-    isDisismissable?: boolean;
-    children?: never;
-}
-declare const Notifications: React$1.FC<NotificationsProps>;
-
-type PickPartial<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
-type SingleOrArray<T> = T | T[];
-
-type NotificationsContextType = {
-    /** Array of notifications. */
-    notifications: NotificationData[];
-    /** Function to add a notification to the state. */
-    addNotification: (notifications: SingleOrArray<PickPartial<NotificationData, "id" | "timestamp">>, withTimeout?: boolean) => void;
-    /** Function to remove a notification from the state. */
-    removeNotification: (id?: string) => void;
-};
-declare const NotificationsContext: React$1.Context<NotificationsContextType>;
-declare const NotificationsProvider: React$1.FC<React$1.PropsWithChildren>;
-declare const useNotifications: () => NotificationsContextType;
-
-interface SelectProps extends Omit<React$1.SelectHTMLAttributes<HTMLSelectElement>, "id" | "size"> {
-    id: string;
-    label?: string;
-    size?: TextFieldSize;
-    variant?: TextFieldVariant;
-    leadingIcon?: {
-        icon: React$1.ReactNode;
-    };
-    placeholder?: string;
-    showOptional?: boolean;
-    error?: {
-        message: string;
-    };
-    children: React$1.ReactNode;
-}
-declare const Select: React$1.FC<SelectProps>;
-
-declare const SPINNER_SIZES: {
-    readonly xs: "xs";
-    readonly sm: "sm";
-    readonly md: "md";
-    readonly lg: "lg";
-};
-type SpinnerSize = keyof typeof SPINNER_SIZES;
-
-interface SpinnerProps extends Omit<React$1.ComponentProps<"div">, "color"> {
-    /** Size of the spinner.  */
-    size?: SpinnerSize;
-}
-declare const Spinner: React$1.FC<SpinnerProps>;
-
-interface TextAreaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "id"> {
-    id: string;
-    label?: string;
-    size?: TextFieldSize;
-    variant?: TextFieldVariant;
-    leadingIcon?: {
-        icon: React$1.ReactNode;
-    };
-    trailingIcon?: {
-        icon: React$1.ReactNode;
-        onClick?: React$1.MouseEventHandler<HTMLButtonElement>;
-        type?: "button" | "submit" | "reset";
-        disabled?: boolean;
-    };
-    showOptional?: boolean;
-    error?: {
-        message: string;
-    };
-}
-declare const TextArea: React$1.FC<TextAreaProps>;
-
-interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "id" | "type" | "size"> {
-    id: string;
-    label?: string;
-    size?: TextFieldSize;
-    variant?: TextFieldVariant;
-    type?: React$1.HTMLInputTypeAttribute;
-    leadingIcon?: {
-        icon: React$1.ReactNode;
-        onClick?: React$1.MouseEventHandler<HTMLButtonElement>;
-        type?: "button" | "submit" | "reset";
-        disabled?: boolean;
-        name?: string;
-    };
-    trailingIcon?: {
-        icon: React$1.ReactNode;
-        onClick?: React$1.MouseEventHandler<HTMLButtonElement>;
-        type?: "button" | "submit" | "reset";
-        disabled?: boolean;
-        name?: string;
-    };
-    showOptional?: boolean;
-    error?: {
-        message: string;
-    };
-    button?: Omit<ButtonProps, "children"> & {
-        label: string;
-    };
-}
-declare const TextInput: React$1.FC<TextInputProps>;
-
-interface ToggleProps extends Omit<React$1.ComponentPropsWithRef<"input">, "size" | "children"> {
-    /** Label text displayed next to the Toggle. */
-    label?: string;
-    /** Secondary text displayed below the label. */
-    meta?: string;
-    /** Alternate label shown when the toggle is on. Falls back to label if not set. */
-    activeText?: string;
-}
-declare const Toggle: React$1.FC<ToggleProps>;
-
-export { AsyncDropdown, type AsyncDropdownProps, AsyncMultiSelect, type AsyncMultiSelectProps, BUTTON_SIZES, BUTTON_VARIANTS, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CHECKBOX_SIZES, CHIP_SIZES, Checkbox, type CheckboxProps, type CheckboxSize, Chip, type ChipProps, type ChipSize, DRAWER_POSITIONS, Drawer, type DrawerPosition, type DrawerProps, Dropdown, type DropdownProps, type DropdownSize, Logo, type LogoProps, Modal, type ModalProps, MultiSelect, type MultiSelectProps, Notification, type NotificationProps, Notifications, NotificationsContext, type NotificationsContextType, type NotificationsProps, NotificationsProvider, Select, type SelectProps, type TextFieldSize as SelectSize, Spinner, type SpinnerProps, TextArea, type TextAreaProps, type TextFieldSize as TextAreaSize, TextInput, type TextInputProps, type TextFieldSize as TextInputSize, Toggle, type ToggleProps, useNotifications };
+export { BUTTON_SIZES, BUTTON_VARIANTS, default as Button, ButtonProps, ButtonSize, ButtonVariant } from './components/Button/index.js';
+export { CHECKBOX_SIZES, default as Checkbox, CheckboxProps, CheckboxSize } from './components/Checkbox/index.js';
+export { CHIP_SIZES, default as Chip, ChipProps, ChipSize } from './components/Chip/index.js';
+export { DRAWER_POSITIONS, default as Drawer, DrawerPosition, DrawerProps } from './components/Drawer/index.js';
+export { AsyncDropdown, AsyncDropdownProps, default as Dropdown, DropdownProps, DropdownSize } from './components/Dropdown/index.js';
+export { default as Logo, LogoProps } from './components/Logo/index.js';
+export { default as Modal, ModalProps } from './components/Modal/index.js';
+export { AsyncMultiSelect, AsyncMultiSelectProps, default as MultiSelect, MultiSelectProps } from './components/MultiSelect/index.js';
+export { default as Notification, NotificationProps } from './components/Notification/index.js';
+export { default as Notifications, NotificationsContext, NotificationsContextType, NotificationsProps, NotificationsProvider, useNotifications } from './components/Notifications/index.js';
+export { default as Select, SelectProps } from './components/Select/index.js';
+export { b as SelectSize, b as TextAreaSize, b as TextInputSize } from './types-CKb67Dtj.js';
+export { default as Spinner, SpinnerProps } from './components/Spinner/index.js';
+export { default as TextArea, TextAreaProps } from './components/TextArea/index.js';
+export { default as TextInput, TextInputProps } from './components/TextInput/index.js';
+export { default as Toggle, ToggleProps } from './components/Toggle/index.js';
+import 'react';
+import 'motion/react';
+import 'react-select';
+import 'react-select/async';