@rebnd/ui 0.0.3 → 0.0.4

package/dist/src/types/component.d.ts

@@ -1,33 +1,63 @@
+import { Token } from '../../styled-system/tokens';
 import { VNode } from 'vue';
-type AccordionDisclosure = {
+interface AccordionDisclosure {
     id: string;
     title: string;
     icon?: string;
     defaultOpen?: boolean;
     content: string;
-};
+}
 type Alignment = 'start' | 'end' | 'center';
 type AnchorPosition = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+type ButtonSize = Extract<Size, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
 type ButtonType = 'button' | 'reset' | 'submit';
-type Color = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
-type ComponentName = 'RebndAccordion' | 'RebndAvatar' | 'RebndAvatarGroup' | 'RebndBadge' | 'RebndBreadcrumb' | 'RebndButton' | 'RebndCard' | 'RebndCombobox' | 'RebndDropdown' | 'RebndForm' | 'RebndFormGroup' | 'RebndIcon' | 'RebndTabs';
+type Color = 'primary' | 'secondary' | Status;
+type ComponentName = 'RebndAccordion' | 'RebndAvatar' | 'RebndAvatarGroup' | 'RebndBadge' | 'RebndBreadcrumb' | 'RebndButton' | 'RebndButtonGroup' | 'RebndCard' | 'RebndCombobox' | 'RebndCheckbox' | 'RebndCheckboxGroup' | 'RebndDropdown' | 'RebndForm' | 'RebndFormGroup' | 'RebndIcon' | 'RebndInputPassword' | 'RebndModal' | 'RebndRadio' | 'RebndRadioGroup' | 'RebndTabs' | 'RebndToggle';
 type DropdownAction = (fn: () => void) => void;
-type Icon = {
+interface Icon {
     id: IconName;
     template: string;
-};
-type IconName = 'arrow' | 'bar' | 'chevron-up-down' | 'dash' | 'dot' | 'external' | 'horizontal-dots' | 'not-found' | 'search' | 'slash' | 'underscore';
+}
+type IconName = 'arrow' | 'bar' | 'chevron-up-down' | 'check' | 'close' | 'cross-circle' | 'dash' | 'dot' | 'exclamation' | 'external' | 'eye' | 'eye-crossed' | 'horizontal-dots' | 'info' | 'not-found' | 'search' | 'spinner' | 'slash' | 'underscore';
 type LinkRel = 'author' | 'external' | 'help' | 'license' | 'next' | 'nofollow' | 'noopener' | 'noreferrer' | 'noopener noreferrer' | 'nofollow noopener noreferrer';
 type LinkTarget = '_self' | '_blank' | '_parent' | '_top';
 type LinkType = 'a' | 'RouterLink' | 'NuxtLink';
-type Position = 'top' | 'bottom' | 'left' | 'right';
-type Rounded = 'none' | Size | 'full';
-type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type TableColumn<T = unknown> = {
+type Loader = 'dot' | 'bar' | 'spinner';
+type ModalMode = 'fit' | 'fullscreen';
+export type Orientation = 'horizontal' | 'vertical';
+type Placement = 'before' | 'after' | 'hidden';
+type Position = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+type RadioGroupType = 'list' | 'card' | 'grid';
+type Rounded = 'sharp' | Extract<Size, 'xs' | 'sm' | 'md' | 'lg'> | 'pill';
+type Status = 'info' | 'success' | 'warning' | 'error';
+type Size = 'xs' | 'vs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+interface TableColumn<T = unknown> {
     id: string;
     key: keyof T | string;
     title: string;
     actions?: VNode | ((row: T) => VNode);
-};
-type Variant = 'solid' | 'ghost' | 'outlined';
-export type { AccordionDisclosure, Alignment, AnchorPosition, ButtonType, Color, ComponentName, DropdownAction, Icon, IconName, LinkRel, LinkTarget, LinkType, Position, Rounded, Size, TableColumn, Variant, };
+}
+interface ToastAction {
+    name: string;
+    cb: () => void;
+}
+interface ToastIconConfig {
+    id: Status;
+    icon: IconName;
+    color: Token;
+}
+interface ToastOptions {
+    title: string;
+    message?: string;
+    status?: Status;
+    autoDismiss?: boolean;
+    duration?: number;
+    actions?: ToastAction[];
+}
+type ToastPosition = Extract<Position, 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'>;
+type ToastStackItem = {
+    id: string;
+    config: ToastIconConfig;
+} & ToastOptions;
+type Variant = 'ghost' | 'outline' | 'solid' | 'soft' | 'surface';
+export type { AccordionDisclosure, Alignment, AnchorPosition, ButtonSize, ButtonType, Color, ComponentName, DropdownAction, Icon, IconName, LinkRel, LinkTarget, LinkType, Loader, ModalMode, Placement, Position, RadioGroupType, Rounded, Size, Status, TableColumn, ToastAction, ToastIconConfig, ToastOptions, ToastPosition, ToastStackItem, Variant, };

package/dist/src/types/index.d.ts

@@ -1,3 +1,2 @@
-import { AccordionDisclosure, Alignment, AnchorPosition, ButtonType, Color, ComponentName, DropdownAction, Icon, IconName, LinkRel, LinkTarget, LinkType, Position, Rounded, Size, TableColumn, Variant } from './component';
-import { FormError, FormSubmitEvent } from './form';
-export type { AccordionDisclosure, Alignment, AnchorPosition, ButtonType, Color, ComponentName, DropdownAction, FormError, FormSubmitEvent, Icon, IconName, LinkRel, LinkTarget, LinkType, Position, Rounded, Size, TableColumn, Variant, };
+export type * from './component';
+export type * from './form';

package/dist/src/utils/array.d.ts

@@ -0,0 +1,3 @@
+export declare function addToArray<T>(arr: T[], item: T): T[];
+export declare function cloneArray<T>(arr: T[]): T[];
+export declare function removeFromArray<T>(arr: T[], item: T): T[];

package/dist/src/utils/regex.d.ts

@@ -1,5 +1,6 @@
 declare const authorizedColor: RegExp;
+declare const authorizedRadius: RegExp;
 declare const authorizedSize: RegExp;
 declare const authorizedVariant: RegExp;
 declare const urlOrPathRegex: RegExp;
-export { authorizedColor, authorizedSize, authorizedVariant, urlOrPathRegex };
+export { authorizedColor, authorizedRadius, authorizedSize, authorizedVariant, urlOrPathRegex, };

package/dist/src/utils/string.d.ts

@@ -1,4 +1,5 @@
 declare function fuzzyMatch(text: string, query: string): boolean;
+declare function generateShortUID(): string;
 declare function getInitials(name: string): string;
 declare function kebabify(str: string): string;
-export { fuzzyMatch, getInitials, kebabify };
+export { fuzzyMatch, generateShortUID, getInitials, kebabify };