@masaraxui/react 1.0.0

package/dist/index.js

@@ -0,0 +1,190 @@
+import { handlePrereleaseWarning } from './prerelease.js';
+export { cn, tv } from 'tailwind-variants';
+export { accordionVariants, alertDialogVariants, alertVariants, autocompleteVariants, avatarVariants, badgeVariants, breadcrumbsVariants, buttonGroupVariants, buttonVariants, calendarVariants, calendarYearPickerVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, closeButtonVariants, colorAreaVariants, colorFieldVariants, colorPickerVariants, colorSliderVariants, colorSwatchPickerVariants, colorSwatchVariants, comboBoxVariants, dateFieldVariants, datePickerVariants, dateRangePickerVariants, descriptionVariants, disclosureGroupVariants, disclosureVariants, drawerVariants, dropdownVariants, emptyStateVariants, errorMessageVariants, fieldErrorVariants, fieldsetVariants, headerVariants, inputGroupVariants, inputOTPVariants, inputVariants, kbdVariants, labelVariants, linkVariants, listboxItemVariants, listboxSectionVariants, listboxVariants, menuItemVariants, menuSectionVariants, menuVariants, meterVariants, modalVariants, numberFieldVariants, paginationVariants, popoverVariants, progressBarVariants, progressCircleVariants, radioGroupVariants, radioVariants, rangeCalendarVariants, scrollShadowVariants, searchFieldVariants, selectVariants, separatorVariants, skeletonVariants, sliderVariants, spinnerVariants, surfaceVariants, switchGroupVariants, switchVariants, tableVariants, tabsVariants, tagGroupVariants, tagVariants, textAreaVariants, textFieldVariants, textVariants, timeFieldVariants, toastVariants, toggleButtonGroupVariants, toggleButtonVariants, toolbarVariants, tooltipVariants } from '@masaraxui/styles';
+export { Accordion } from './components/accordion/index.js';
+export { AccordionBody, AccordionHeading, AccordionIndicator, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger } from './components/accordion/accordion.js';
+export { AlertDialog } from './components/alert-dialog/index.js';
+export { AlertDialogBackdrop, AlertDialogBody, AlertDialogCloseTrigger, AlertDialogContainer, AlertDialogDialog, AlertDialogFooter, AlertDialogHeader, AlertDialogHeading, AlertDialogIcon, AlertDialogRoot, AlertDialogTrigger } from './components/alert-dialog/alert-dialog.js';
+export { Autocomplete } from './components/autocomplete/index.js';
+export { AutocompleteClearButton, AutocompleteFilter, AutocompleteIndicator, AutocompletePopover, AutocompleteRoot, AutocompleteTrigger, AutocompleteValue } from './components/autocomplete/autocomplete.js';
+export { Avatar } from './components/avatar/index.js';
+export { AvatarFallback, AvatarImage, AvatarRoot } from './components/avatar/avatar.js';
+export { Badge } from './components/badge/index.js';
+export { BadgeAnchor, BadgeLabel, BadgeRoot } from './components/badge/badge.js';
+export { Breadcrumbs } from './components/breadcrumbs/index.js';
+export { BreadcrumbsItem, BreadcrumbsRoot } from './components/breadcrumbs/breadcrumbs.js';
+export { Button } from './components/button/index.js';
+export { ButtonRoot } from './components/button/button.js';
+export { BUTTON_GROUP_CHILD, ButtonGroupContext, ButtonGroupRoot, ButtonGroupSeparator } from './components/button-group/button-group.js';
+export { ButtonGroup } from './components/button-group/index.js';
+export { Card } from './components/card/index.js';
+export { CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle } from './components/card/card.js';
+export { Checkbox } from './components/checkbox/index.js';
+export { CheckboxContent, CheckboxControl, CheckboxIndicator, CheckboxRoot } from './components/checkbox/checkbox.js';
+export { CheckboxGroup } from './components/checkbox-group/checkbox-group.js';
+export { Chip } from './components/chip/index.js';
+export { ChipLabel, ChipRoot } from './components/chip/chip.js';
+export { ColorArea } from './components/color-area/index.js';
+export { ColorAreaRoot, ColorAreaThumb } from './components/color-area/color-area.js';
+export { ColorField } from './components/color-field/index.js';
+export { ColorFieldRoot } from './components/color-field/color-field.js';
+export { ColorPicker } from './components/color-picker/index.js';
+export { ColorPickerPopover, ColorPickerRoot, ColorPickerTrigger } from './components/color-picker/color-picker.js';
+export { ColorSlider } from './components/color-slider/index.js';
+export { ColorSliderOutput, ColorSliderRoot, ColorSliderThumb, ColorSliderTrack } from './components/color-slider/color-slider.js';
+export { ColorSwatch } from './components/color-swatch/index.js';
+export { ColorSwatchRoot } from './components/color-swatch/color-swatch.js';
+export { ColorSwatchPicker } from './components/color-swatch-picker/index.js';
+export { ColorSwatchPickerIndicator, ColorSwatchPickerItem, ColorSwatchPickerRoot, ColorSwatchPickerSwatch } from './components/color-swatch-picker/color-swatch-picker.js';
+export { CloseButton } from './components/close-button/index.js';
+export { CloseButtonRoot } from './components/close-button/close-button.js';
+export { ComboBoxContext, ComboBoxInputGroup, ComboBoxPopover, ComboBoxRoot, ComboBoxTrigger } from './components/combo-box/combo-box.js';
+export { ComboBox } from './components/combo-box/index.js';
+export { DateField } from './components/date-field/index.js';
+export { DateFieldRoot } from './components/date-field/date-field.js';
+export { DatePicker } from './components/date-picker/index.js';
+export { DatePickerPopover, DatePickerRoot, DatePickerTrigger, DatePickerTriggerIndicator } from './components/date-picker/date-picker.js';
+export { DateRangePicker } from './components/date-range-picker/index.js';
+export { DateRangePickerPopover, DateRangePickerRangeSeparator, DateRangePickerRoot, DateRangePickerTrigger, DateRangePickerTriggerIndicator } from './components/date-range-picker/date-range-picker.js';
+export { Drawer } from './components/drawer/index.js';
+export { DrawerBackdrop, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerDialog, DrawerFooter, DrawerHandle, DrawerHeader, DrawerHeading, DrawerRoot, DrawerTrigger } from './components/drawer/drawer.js';
+export { ProgressBar } from './components/progress-bar/index.js';
+export { ProgressBarFill, ProgressBarOutput, ProgressBarRoot, ProgressBarTrack } from './components/progress-bar/progress-bar.js';
+export { ProgressCircle } from './components/progress-circle/index.js';
+export { ProgressCircleFillCircle, ProgressCircleRoot, ProgressCircleTrack, ProgressCircleTrackCircle } from './components/progress-circle/progress-circle.js';
+export { TimeField } from './components/time-field/index.js';
+export { TimeFieldRoot } from './components/time-field/time-field.js';
+export { Disclosure } from './components/disclosure/index.js';
+export { DisclosureBody, DisclosureContent, DisclosureHeading, DisclosureIndicator, DisclosureRoot, DisclosureTrigger } from './components/disclosure/disclosure.js';
+export { useDisclosureGroupNavigation } from './components/disclosure-group/use-disclosure-group-navigation.js';
+export { DisclosureGroup } from './components/disclosure-group/index.js';
+export { DisclosureGroupRoot } from './components/disclosure-group/disclosure-group.js';
+export { ErrorMessage } from './components/error-message/index.js';
+export { ErrorMessageRoot } from './components/error-message/error-message.js';
+export { kbdKeysLabelMap, kbdKeysMap } from './components/kbd/kbd.constants.js';
+export { Kbd } from './components/kbd/index.js';
+export { KbdAbbr, KbdContent, KbdRoot } from './components/kbd/kbd.js';
+export { Link } from './components/link/index.js';
+export { LinkIcon, LinkRoot } from './components/link/link.js';
+export { Popover } from './components/popover/index.js';
+export { PopoverArrow, PopoverContent, PopoverDialog, PopoverHeading, PopoverRoot, PopoverTrigger } from './components/popover/popover.js';
+export { useScrollShadow } from './components/scroll-shadow/use-scroll-shadow.js';
+export { ScrollShadow } from './components/scroll-shadow/index.js';
+export { ScrollShadowRoot } from './components/scroll-shadow/scroll-shadow.js';
+export { Separator } from './components/separator/index.js';
+export { SeparatorRoot } from './components/separator/separator.js';
+export { Skeleton } from './components/skeleton/index.js';
+export { SkeletonRoot } from './components/skeleton/skeleton.js';
+export { Spinner } from './components/spinner/index.js';
+export { SpinnerRoot } from './components/spinner/spinner.js';
+export { SurfaceContext, SurfaceRoot } from './components/surface/surface.js';
+export { Surface } from './components/surface/index.js';
+export { DEFAULT_GAP, DEFAULT_MAX_VISIBLE_TOAST, DEFAULT_TOAST_TIMEOUT } from './components/toast/constants.js';
+export { Toast } from './components/toast/index.js';
+export { ToastActionButton, ToastCloseButton, ToastContent, ToastDescription, ToastIndicator, ToastProvider, ToastTitle } from './components/toast/toast.js';
+export { ToastQueue, toast, toastQueue } from './components/toast/toast-queue.js';
+export { ToggleButton } from './components/toggle-button/index.js';
+export { ToggleButtonRoot } from './components/toggle-button/toggle-button.js';
+export { Switch } from './components/switch/index.js';
+export { SwitchContent, SwitchControl, SwitchIcon, SwitchRoot, SwitchThumb } from './components/switch/switch.js';
+export { SwitchGroup } from './components/switch-group/index.js';
+export { SwitchGroupRoot } from './components/switch-group/switch-group.js';
+export { Tabs } from './components/tabs/index.js';
+export { Tab, TabIndicator, TabList, TabListContainer, TabPanel, TabSeparator, TabsRoot } from './components/tabs/tabs.js';
+export { Tag } from './components/tag/index.js';
+export { TagRemoveButton, TagRoot } from './components/tag/tag.js';
+export { TagGroup } from './components/tag-group/index.js';
+export { TagGroupContext, TagGroupList, TagGroupRoot } from './components/tag-group/tag-group.js';
+export { TOGGLE_BUTTON_GROUP_CHILD, ToggleButtonGroupContext, ToggleButtonGroupRoot, ToggleButtonGroupSeparator } from './components/toggle-button-group/toggle-button-group.js';
+export { ToggleButtonGroup } from './components/toggle-button-group/index.js';
+export { ToolbarRoot } from './components/toolbar/toolbar.js';
+export { Toolbar } from './components/toolbar/index.js';
+export { Tooltip } from './components/tooltip/index.js';
+export { TooltipArrow, TooltipContent, TooltipRoot, TooltipTrigger } from './components/tooltip/tooltip.js';
+export { Input } from './components/input/index.js';
+export { InputRoot } from './components/input/input.js';
+export { InputGroup } from './components/input-group/index.js';
+export { InputGroupInput, InputGroupPrefix, InputGroupRoot, InputGroupSuffix, InputGroupTextArea } from './components/input-group/input-group.js';
+export { TextArea } from './components/textarea/index.js';
+export { TextAreaRoot } from './components/textarea/textarea.js';
+export { TextFieldContext, TextFieldRoot } from './components/textfield/textfield.js';
+export { TextField } from './components/textfield/index.js';
+export { SearchField } from './components/search-field/index.js';
+export { SearchFieldClearButton, SearchFieldGroup, SearchFieldInput, SearchFieldRoot, SearchFieldSearchIcon } from './components/search-field/search-field.js';
+export { Text } from './components/text/index.js';
+export { TextRoot } from './components/text/text.js';
+export { Label } from './components/label/index.js';
+export { LabelRoot } from './components/label/label.js';
+export { Description } from './components/description/index.js';
+export { DescriptionRoot } from './components/description/description.js';
+export { EmptyState } from './components/empty-state/index.js';
+export { EmptyStateRoot } from './components/empty-state/empty-state.js';
+export { FieldError } from './components/field-error/index.js';
+export { FieldErrorRoot } from './components/field-error/field-error.js';
+export { Fieldset } from './components/fieldset/index.js';
+export { FieldGroup, FieldsetActions, FieldsetLegend, FieldsetRoot } from './components/fieldset/fieldset.js';
+export { Form } from './components/form/index.js';
+export { FormRoot } from './components/form/form.js';
+export { Header } from './components/header/index.js';
+export { HeaderRoot } from './components/header/header.js';
+export { Radio } from './components/radio/index.js';
+export { RadioContent, RadioControl, RadioIndicator, RadioRoot } from './components/radio/radio.js';
+export { RadioGroup } from './components/radio-group/index.js';
+export { RadioGroupRoot } from './components/radio-group/radio-group.js';
+export { InputOTP, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from './components/input-otp/index.js';
+export { InputOTPGroup, InputOTPRoot, InputOTPSeparator, InputOTPSlot } from './components/input-otp/input-otp.js';
+export { Alert } from './components/alert/index.js';
+export { AlertContent, AlertDescription, AlertIndicator, AlertRoot, AlertTitle } from './components/alert/alert.js';
+export { ListBox } from './components/list-box/index.js';
+export { ListBoxRoot } from './components/list-box/list-box.js';
+export { ListBoxItem } from './components/list-box-item/index.js';
+export { ListBoxItemIndicator, ListBoxItemRoot } from './components/list-box-item/list-box-item.js';
+export { ListBoxSection } from './components/list-box-section/index.js';
+export { ListBoxSectionRoot } from './components/list-box-section/list-box-section.js';
+export { Dropdown } from './components/dropdown/index.js';
+export { DropdownItem, DropdownItemIndicator, DropdownMenu, DropdownPopover, DropdownRoot, DropdownSection, DropdownSubmenuIndicator, DropdownSubmenuTrigger, DropdownTrigger } from './components/dropdown/dropdown.js';
+export { Menu } from './components/menu/index.js';
+export { MenuRoot } from './components/menu/menu.js';
+export { MenuItem } from './components/menu-item/index.js';
+export { MenuItemIndicator, MenuItemRoot, MenuItemSubmenuIndicator } from './components/menu-item/menu-item.js';
+export { MenuSection } from './components/menu-section/index.js';
+export { MenuSectionRoot } from './components/menu-section/menu-section.js';
+export { Modal } from './components/modal/index.js';
+export { ModalBackdrop, ModalBody, ModalCloseTrigger, ModalContainer, ModalDialog, ModalFooter, ModalHeader, ModalHeading, ModalIcon, ModalRoot, ModalTrigger } from './components/modal/modal.js';
+export { NumberField } from './components/number-field/index.js';
+export { NumberFieldDecrementButton, NumberFieldGroup, NumberFieldIncrementButton, NumberFieldInput, NumberFieldRoot } from './components/number-field/number-field.js';
+export { Pagination } from './components/pagination/index.js';
+export { PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextIcon, PaginationPrevious, PaginationPreviousIcon, PaginationRoot, PaginationSummary } from './components/pagination/pagination.js';
+export { Select } from './components/select/index.js';
+export { SelectIndicator, SelectPopover, SelectRoot, SelectTrigger, SelectValue } from './components/select/select.js';
+export { Meter } from './components/meter/index.js';
+export { MeterFill, MeterOutput, MeterRoot, MeterTrack } from './components/meter/meter.js';
+export { Slider } from './components/slider/index.js';
+export { SliderFill, SliderMarks, SliderOutput, SliderRoot, SliderThumb, SliderTrack } from './components/slider/slider.js';
+export { Table } from './components/table/index.js';
+export { TableBody, TableCell, TableCollection, TableColumn, TableColumnResizer, TableContent, TableFooter, TableHeader, TableLoadMoreContent, TableLoadMoreItem, TableResizableContainer, TableRoot, TableRow, TableScrollContainer } from './components/table/table.js';
+export { YearPickerContext, YearPickerStateContext, useYearPicker, useYearPickerState } from './components/calendar-year-picker/year-picker-context.js';
+export { Calendar } from './components/calendar/index.js';
+export { CalendarCell, CalendarCellIndicator, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeader, CalendarHeaderCell, CalendarHeading, CalendarNavButton, CalendarRoot } from './components/calendar/calendar.js';
+export { CalendarYearPicker } from './components/calendar-year-picker/index.js';
+export { CalendarYearPickerCell, CalendarYearPickerGrid, CalendarYearPickerGridBody, CalendarYearPickerTrigger, CalendarYearPickerTriggerHeading, CalendarYearPickerTriggerIndicator } from './components/calendar-year-picker/calendar-year-picker.js';
+export { RangeCalendar } from './components/range-calendar/index.js';
+export { RangeCalendarCell, RangeCalendarCellIndicator, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHeader, RangeCalendarHeader, RangeCalendarHeaderCell, RangeCalendarHeading, RangeCalendarNavButton, RangeCalendarRoot } from './components/range-calendar/range-calendar.js';
+export { CircleDashedIcon, CloseIcon, DangerIcon, ExternalLinkIcon, IconCalendar, IconChevronDown, IconChevronLeft, IconChevronRight, IconMinus, IconPlus, IconSearch, InfoIcon, SuccessIcon, WarningIcon } from './components/icons.js';
+export { Collection, I18nProvider, ListBoxLoadMoreItem, ListLayout, RouterProvider, TableLayout, Virtualizer, isRTL, parseColor, useFilter, useLocale } from 'react-aria-components';
+export { getLocalizationScript } from 'react-aria-components/i18n';
+export { useCSSVariable } from './hooks/use-css-variable.js';
+export { useIsHydrated } from './hooks/use-is-hydrated.js';
+export { createListActions, useListData } from './hooks/use-list-data.js';
+export { useMeasuredHeight } from './hooks/use-measured-height.js';
+export { useIsMounted } from './hooks/use-mounted.js';
+export { useOverlayState } from './hooks/use-overlay-state.js';
+export { useSafeLayoutEffect } from './hooks/use-safe-layout-effect.js';
+export { useIsomorphicLayoutEffect } from './hooks/use-isomorphic-layout-effect.js';
+export { useMediaQuery } from './hooks/use-media-query.js';
+
+//  ===================================
+//  Prerelease Warning
+//  ===================================
+
+handlePrereleaseWarning();

package/dist/prerelease.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Show prerelease warning if applicable
+ */
+export declare function handlePrereleaseWarning(): void;

package/dist/prerelease.js

@@ -0,0 +1,50 @@
+import { Logger } from './utils/logger.js';
+import { MASARAXUI_VERSION } from './version.js';
+
+const logger = new Logger({
+  enabled: true,
+  prefix: "MasaraxUI"
+});
+
+/**
+ * Get the package version
+ */
+function getPackageVersion() {
+  const version = MASARAXUI_VERSION;
+
+  // Check if it's a prerelease version (alpha, beta, rc, etc.)
+  const isPrerelease = version.includes("-");
+  let prereleaseType;
+  if (isPrerelease) {
+    if (version.includes("-alpha")) prereleaseType = "alpha";else if (version.includes("-beta")) prereleaseType = "beta";else if (version.includes("-rc")) prereleaseType = "release candidate";else prereleaseType = "prerelease";
+  }
+  return {
+    isPrerelease,
+    prereleaseType,
+    version
+  };
+}
+
+/**
+ * Show prerelease warning if applicable
+ */
+function handlePrereleaseWarning() {
+  const {
+    isPrerelease,
+    prereleaseType,
+    version
+  } = getPackageVersion();
+  if (isPrerelease) {
+    logger.newline();
+    logger.divider("=", 80);
+    logger.warn("IMPORTANT!");
+    logger.warn(`You are using a ${prereleaseType} version [@masaraxui/react@v${version}]`);
+    logger.warn("This version may contain bugs and breaking changes.");
+    logger.warn("Use in production at your own risk!");
+    logger.divider("=", 80);
+    logger.newline();
+  }
+  logger.newline();
+}
+
+export { handlePrereleaseWarning };

package/dist/styles.css

@@ -0,0 +1,2 @@
+/* Placeholder file for build process */
+@import "@masaraxui/styles";

package/dist/utils/assertion.d.ts

@@ -0,0 +1,9 @@
+export type Dict<T = any> = Record<string, T>;
+export declare function isArray<T>(value: any): value is Array<T>;
+export declare function isEmptyArray(value: any): boolean;
+export declare function isObject(value: any): value is Dict;
+export declare function isEmptyObject(value: any): boolean;
+export declare function isEmpty(value: any): boolean;
+export type Booleanish = boolean | "true" | "false";
+export declare const dataAttr: (condition: boolean | undefined) => Booleanish;
+export declare const isNumeric: (value?: string | number) => boolean;

package/dist/utils/assertion.js

@@ -0,0 +1,3 @@
+const dataAttr = condition => condition ? "true" : undefined;
+
+export { dataAttr };

package/dist/utils/calendar.d.ts

@@ -0,0 +1,12 @@
+import type { DateValue } from "@internationalized/date";
+/**
+ * Returns the year offset between the Gregorian calendar and the given
+ * calendar system.  Used to compute sensible default min/max year bounds.
+ */
+export declare function getGregorianYearOffset(identifier: string): number;
+/**
+ * Iterates from `start` to `end` using calendar-aware arithmetic so that
+ * non-Gregorian calendars (e.g. Japanese, Hebrew) produce correct year
+ * boundaries.  Ported from MasaraxUI v2.
+ */
+export declare function getYearRange(start?: DateValue | null, end?: DateValue | null): DateValue[];

package/dist/utils/calendar.js

@@ -0,0 +1,52 @@
+import { startOfYear } from '@internationalized/date';
+
+/**
+ * Returns the year offset between the Gregorian calendar and the given
+ * calendar system.  Used to compute sensible default min/max year bounds.
+ */
+function getGregorianYearOffset(identifier) {
+  switch (identifier) {
+    case "buddhist":
+      return 543;
+    case "ethiopic":
+    case "ethioaa":
+      return -8;
+    case "coptic":
+      return -284;
+    case "hebrew":
+      return 3760;
+    case "indian":
+      return -78;
+    case "islamic-civil":
+    case "islamic-tbla":
+    case "islamic-umalqura":
+      return -579;
+    case "persian":
+      return -600;
+    case "roc":
+    case "japanese":
+    case "gregory":
+    default:
+      return 0;
+  }
+}
+
+/**
+ * Iterates from `start` to `end` using calendar-aware arithmetic so that
+ * non-Gregorian calendars (e.g. Japanese, Hebrew) produce correct year
+ * boundaries.  Ported from MasaraxUI v2.
+ */
+function getYearRange(start, end) {
+  const years = [];
+  if (!start || !end) return years;
+  let current = startOfYear(start);
+  while (current.compare(end) <= 0) {
+    years.push(current);
+    current = startOfYear(current.add({
+      years: 1
+    }));
+  }
+  return years;
+}
+
+export { getGregorianYearOffset, getYearRange };

package/dist/utils/children.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+/**
+ * Gets only the valid children of a component,
+ * and ignores any nullish or falsy child.
+ *
+ * @param children the children
+ */
+export declare function getValidChildren(children: React.ReactNode): React.ReactElement[];
+export declare const pickChildren: <T = ReactNode>(children: T | undefined, targetChild: React.ElementType) => [T | undefined, T[] | undefined];

package/dist/utils/children.js

@@ -0,0 +1,17 @@
+import { Children, isValidElement } from 'react';
+
+const pickChildren = (children, targetChild) => {
+  const target = [];
+  const withoutTargetChildren = Children.map(children, item => {
+    if (! /*#__PURE__*/isValidElement(item)) return item;
+    if (item.type === targetChild) {
+      target.push(item);
+      return null;
+    }
+    return item;
+  })?.filter(Boolean);
+  const targetChildren = target.length >= 0 ? target : undefined;
+  return [withoutTargetChildren, targetChildren];
+};
+
+export { pickChildren };

package/dist/utils/compose.d.ts

@@ -0,0 +1,7 @@
+export { disabledClasses, focusRingClasses, ariaDisabledClasses } from "@masaraxui/styles";
+declare function composeTwRenderProps<T>(className: string | ((v: T) => string) | undefined, tailwind?: string | ((v: T) => string | undefined)): string | ((v: T) => string);
+export declare const composeSlotClassName: (slotFn: ((args?: {
+    className?: string;
+    [key: string]: any;
+}) => string) | undefined, className?: string, variants?: Record<string, any>) => string | undefined;
+export { composeTwRenderProps };

package/dist/utils/compose.js

@@ -0,0 +1,18 @@
+import { composeRenderProps } from 'react-aria-components';
+import { cx } from 'tailwind-variants';
+
+function composeTwRenderProps(className, tailwind) {
+  return composeRenderProps(className, (className, renderProps) => {
+    const tw = typeof tailwind === "function" ? tailwind(renderProps) ?? "" : tailwind ?? "";
+    const cls = className ?? "";
+    return cx(tw, cls) ?? "";
+  });
+}
+const composeSlotClassName = (slotFn, className, variants) => {
+  return typeof slotFn === "function" ? slotFn({
+    ...(variants ?? {}),
+    className
+  }) : className;
+};
+
+export { composeSlotClassName, composeTwRenderProps };

package/dist/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./calendar";
+export * from "./compose";
+export * from "./logger";
+export * from "./variants";
+export { tv } from "./tv";
+export type { VariantProps } from "./tv";

package/dist/utils/logger.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Logger utility for MasaraxUI Core
+ * Provides formatted console output with levels and prefixes
+ */
+interface LoggerOptions {
+    enabled?: boolean;
+    prefix?: string;
+}
+export declare class Logger {
+    private enabled;
+    private prefix;
+    constructor(options?: LoggerOptions);
+    private formatMessage;
+    private log;
+    info(message: string, ...args: any[]): void;
+    success(message: string, ...args: any[]): void;
+    warn(message: string, ...args: any[]): void;
+    error(message: string, ...args: any[]): void;
+    debug(message: string, ...args: any[]): void;
+    divider(char?: string, length?: number): void;
+    newline(): void;
+}
+export {};

package/dist/utils/logger.js

@@ -0,0 +1,78 @@
+/* eslint-disable no-console */
+/**
+ * Logger utility for MasaraxUI Core
+ * Provides formatted console output with levels and prefixes
+ */
+
+const colors = {
+  blue: "\x1b[34m",
+  green: "\x1b[32m",
+  magenta: "\x1b[35m",
+  red: "\x1b[31m",
+  reset: "\x1b[0m",
+  yellow: "\x1b[33m"
+};
+const levelColors = {
+  debug: colors.magenta,
+  error: colors.red,
+  info: colors.blue,
+  success: colors.green,
+  warn: colors.yellow
+};
+const levelEmojis = {
+  debug: "🔍",
+  error: "❌",
+  info: "ℹ️",
+  success: "✅",
+  warn: "⚠️"
+};
+class Logger {
+  constructor(options = {}) {
+    this.enabled = options.enabled ?? true;
+    this.prefix = options.prefix ?? "MasaraxUI";
+  }
+  formatMessage(level, message) {
+    const color = levelColors[level];
+    const emoji = levelEmojis[level];
+    return `${color}[${this.prefix}]${colors.reset} ${emoji}  ${message}`;
+  }
+  log(level, message, ...args) {
+    if (!this.enabled) return;
+    const formattedMessage = this.formatMessage(level, message);
+    switch (level) {
+      case "error":
+        console.error(formattedMessage, ...args);
+        break;
+      case "warn":
+        console.warn(formattedMessage, ...args);
+        break;
+      default:
+        console.log(formattedMessage, ...args);
+    }
+  }
+  info(message, ...args) {
+    this.log("info", message, ...args);
+  }
+  success(message, ...args) {
+    this.log("success", message, ...args);
+  }
+  warn(message, ...args) {
+    this.log("warn", message, ...args);
+  }
+  error(message, ...args) {
+    this.log("error", message, ...args);
+  }
+  debug(message, ...args) {
+    this.log("debug", message, ...args);
+  }
+  divider(char = "=", length = 80) {
+    if (!this.enabled) return;
+    console.log(char.repeat(length));
+  }
+  newline() {
+    if (!this.enabled) return;
+    console.log();
+  }
+}
+
+export { Logger };

package/dist/utils/tv.d.ts

@@ -0,0 +1,3 @@
+import type { TV } from "tailwind-variants";
+export type { VariantProps } from "tailwind-variants";
+export declare const tv: TV;

package/dist/utils/variants.d.ts

@@ -0,0 +1,73 @@
+export declare const mapPropsVariants: <T extends Record<string, any>, K extends keyof T>(props: T, variantKeys?: K[], removeVariantProps?: boolean) => readonly [Omit<T, K> | T, Pick<T, K> | {}];
+/**
+ * Utility for creating BEM-style class names with variants
+ */
+export type VariantConfig<T extends Record<string, any>> = {
+    base: string;
+    variants?: T;
+    modifiers?: Record<string, boolean | undefined>;
+};
+/**
+ * Creates a class name builder for components with variants
+ * @param config - The variant configuration
+ * @returns A function that builds the class name string
+ *
+ * @example
+ * const getButtonClasses = createVariantBuilder({
+ *   base: 'button',
+ *   variants: {
+ *     size: 'md',
+ *     variant: 'primary'
+ *   },
+ *   modifiers: {
+ *     'icon-only': isIconOnly
+ *   }
+ * });
+ * // Returns: "button button--md button--primary button--icon-only"
+ */
+export declare function createVariantBuilder<T extends Record<string, string>>(baseClass: string): (config?: {
+    variants?: Partial<T>;
+    modifiers?: Record<string, boolean | undefined>;
+}) => string;
+/**
+ * Alternative API using a more declarative approach
+ */
+export interface VariantDefinition<V extends Record<string, readonly string[]>> {
+    base: string;
+    variants: V;
+    defaults?: Partial<{
+        [K in keyof V]: V[K][number];
+    }>;
+}
+/**
+ * Creates a typed variant class builder
+ * @param definition - The variant definition
+ * @returns A function that builds class names based on variant props
+ *
+ * @example
+ * const buttonVariants = createVariants({
+ *   base: 'button',
+ *   variants: {
+ *     size: ['sm', 'md', 'lg'] as const,
+ *     variant: ['primary', 'secondary', 'tertiary', 'ghost', 'danger'] as const,
+ *   },
+ *   defaults: {
+ *     size: 'md',
+ *     variant: 'primary'
+ *   }
+ * });
+ *
+ * const className = buttonVariants({
+ *   size: 'lg',
+ *   variant: 'danger',
+ *   modifiers: { 'icon-only': true }
+ * });
+ * // Returns: "button button--lg button--danger button--icon-only"
+ */
+export declare function createVariants<V extends Record<string, readonly string[]>>(definition: VariantDefinition<V>): (props?: { [K in keyof V]?: V[K][number] | undefined; } & {
+    modifiers?: Record<string, boolean | undefined>;
+}) => string;
+/**
+ * Type helpers for extracting variant props from a variant definition
+ */
+export type VariantPropsOf<T extends ReturnType<typeof createVariants>> = T extends (props: infer P) => string ? P : never;

package/dist/version.d.ts

@@ -0,0 +1 @@
+export declare const MASARAXUI_VERSION = "__MASARAXUI_VERSION__";

package/dist/version.js

@@ -0,0 +1,5 @@
+// This file is generated during the build process
+// It will be replaced with the actual version from package.json
+const MASARAXUI_VERSION = "1.0.0";
+
+export { MASARAXUI_VERSION };