@korsolutions/ui 0.0.22 → 0.0.24

package/dist/components/index.d.mts

@@ -1,4 +1,4 @@
-import { Et as InputStyles, K as AvatarStyles, L as BadgeStyles, M as TextareaPrimitiveBaseProps, P as TextareaStyles, T as DropdownMenuStyles, V as ToastStyles, Z as EmptyStyles, _ as PopoverStyles, a as CalendarStyles, ft as SelectStyles, kt as FieldStyles, rt as CardStyles, ut as SelectRootBaseProps, wt as InputPrimitiveBaseProps, x as PopoverTriggerRef, xt as ButtonStyles, yt as ButtonPrimitiveRootProps } from "../index-vgnXBa4Z.mjs";
+import { Et as InputStyles, K as AvatarStyles, L as BadgeStyles, M as TextareaPrimitiveBaseProps, P as TextareaStyles, T as DropdownMenuStyles, V as ToastStyles, Z as EmptyStyles, _ as PopoverStyles, a as CalendarStyles, ft as SelectStyles, kt as FieldStyles, r as CalendarRootProps, rt as CardStyles, ut as SelectRootBaseProps, wt as InputPrimitiveBaseProps, x as PopoverTriggerRef, xt as ButtonStyles, yt as ButtonPrimitiveRootProps } from "../index-CCYJiglk.mjs";
 import "../use-relative-position-DBzhrBU7.mjs";
 import { t as NumericMaskFormat } from "../use-numeric-mask-B9WZG25o.mjs";
 import React from "react";
@@ -279,6 +279,7 @@ declare function DropdownMenu(props: DropdownMenuProps): React.JSX.Element;
 //#region src/components/popover/variants/index.d.ts
 declare const PopoverVariants: {
   default: () => PopoverStyles;
+  unstyled: () => PopoverStyles;
 };
 //#endregion
 //#region src/components/popover/popover.d.ts
@@ -300,13 +301,13 @@ declare const CalendarVariants: {
 //#endregion
 //#region src/components/calendar/calendar.d.ts
 interface CalendarProps {
-  value?: Date;
-  onChange?: (date: Date | undefined) => void;
-  defaultMonth?: Date;
-  minDate?: Date;
-  maxDate?: Date;
-  variant?: keyof typeof CalendarVariants;
+  value?: CalendarRootProps["value"];
+  onChange?: CalendarRootProps["onChange"];
+  defaultMonth?: CalendarRootProps["defaultMonth"];
+  minDate?: CalendarRootProps["minDate"];
+  maxDate?: CalendarRootProps["maxDate"];
   weekDays?: string[];
+  variant?: keyof typeof CalendarVariants;
 }
 declare function Calendar(props: CalendarProps): React.JSX.Element;
 //#endregion

package/dist/components/index.mjs

@@ -783,9 +783,6 @@ const usePopoverVariantDefault = () => {
 			borderRadius: radius,
 			borderWidth: 1,
 			borderColor: colors.border,
-			padding: 16,
-			minWidth: 280,
-			maxWidth: 320,
 			shadowColor: "#000",
 			shadowOffset: {
 				width: 0,
@@ -798,9 +795,21 @@ const usePopoverVariantDefault = () => {
 	}));
 };
 
+//#endregion
+//#region src/components/popover/variants/unstyled.tsx
+const usePopoverVariantUnstyled = () => {
+	return useThemedStyles(() => ({
+		overlay: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
+		content: {}
+	}));
+};
+
 //#endregion
 //#region src/components/popover/variants/index.ts
-const PopoverVariants = { default: usePopoverVariantDefault };
+const PopoverVariants = {
+	default: usePopoverVariantDefault,
+	unstyled: usePopoverVariantUnstyled
+};
 
 //#endregion
 //#region src/components/popover/popover.tsx

package/dist/{index-vgnXBa4Z.d.mts → index-CCYJiglk.d.mts}

@@ -1,5 +1,5 @@
 import { r as LayoutPosition } from "./use-relative-position-DBzhrBU7.mjs";
-import * as react7 from "react";
+import * as react8 from "react";
 import React$1, { Dispatch, RefAttributes } from "react";
 import { ImageSource, ImageStyle, LayoutRectangle, PressableProps, StyleProp, TextInputProps, TextProps, TextStyle, View, ViewProps, ViewStyle } from "react-native";
 
@@ -66,7 +66,7 @@ interface InputPrimitiveProps extends InputPrimitiveBaseProps {
   render?: (props: InputPrimitiveProps) => React.ReactNode;
   styles?: InputStyles;
 }
-declare function InputPrimitive(props: InputPrimitiveProps): react7.JSX.Element;
+declare function InputPrimitive(props: InputPrimitiveProps): react8.JSX.Element;
 //#endregion
 //#region src/primitives/button/button-label.d.ts
 interface ButtonPrimitiveLabelProps {
@@ -152,7 +152,7 @@ interface SelectOptionProps {
   render?: (props: SelectOptionProps) => React.ReactElement;
   style?: StyleProp<TextStyle>;
 }
-declare function SelectOption(props: SelectOptionProps): react7.JSX.Element;
+declare function SelectOption(props: SelectOptionProps): react8.JSX.Element;
 //#endregion
 //#region src/primitives/select/types.d.ts
 type SelectState = "default" | "disabled";
@@ -433,7 +433,7 @@ interface TextareaPrimitiveProps extends TextareaPrimitiveBaseProps {
   render?: (props: TextareaPrimitiveProps) => React.ReactNode;
   styles?: TextareaStyles;
 }
-declare function TextareaPrimitive(props: TextareaPrimitiveProps): react7.JSX.Element;
+declare function TextareaPrimitive(props: TextareaPrimitiveProps): react8.JSX.Element;
 //#endregion
 //#region src/primitives/dropdown-menu/dropdown-menu-trigger.d.ts
 interface DropdownMenuTriggerProps extends PressableProps {
@@ -504,7 +504,7 @@ declare function DropdownMenuPortal(props: DropdownMenuPortalProps): React$1.JSX
 //#region src/primitives/dropdown-menu/index.d.ts
 declare const DropdownMenuPrimitive: {
   Root: typeof DropdownMenuRoot;
-  Trigger: react7.ForwardRefExoticComponent<DropdownMenuTriggerProps & react7.RefAttributes<DropdownMenuTriggerRef>>;
+  Trigger: react8.ForwardRefExoticComponent<DropdownMenuTriggerProps & react8.RefAttributes<DropdownMenuTriggerRef>>;
   Portal: typeof DropdownMenuPortal;
   Overlay: typeof DropdownMenuOverlay;
   Content: typeof DropdownMenuContent;
@@ -578,13 +578,13 @@ interface PopoverContext {
   setTriggerPosition: Dispatch<React.SetStateAction<LayoutPosition>>;
   styles?: PopoverStyles;
 }
-declare const PopoverContext: react7.Context<PopoverContext | undefined>;
+declare const PopoverContext: react8.Context<PopoverContext | undefined>;
 declare const usePopover: () => PopoverContext;
 //#endregion
 //#region src/primitives/popover/index.d.ts
 declare const PopoverPrimitive: {
   Root: typeof PopoverRoot;
-  Trigger: react7.ForwardRefExoticComponent<PopoverTriggerProps & react7.RefAttributes<PopoverTriggerRef>>;
+  Trigger: react8.ForwardRefExoticComponent<PopoverTriggerProps & react8.RefAttributes<PopoverTriggerRef>>;
   Portal: typeof PopoverPortal;
   Overlay: typeof PopoverOverlay;
   Content: typeof PopoverContent;
@@ -656,8 +656,8 @@ interface CalendarStyles {
 //#region src/primitives/calendar/calendar-root.d.ts
 interface CalendarRootProps {
   children?: React$1.ReactNode;
-  value?: Date;
-  onChange?: (date: Date | undefined) => void;
+  value?: Date | null;
+  onChange?: (date: Date | null) => void;
   defaultMonth?: Date;
   minDate?: Date;
   maxDate?: Date;

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import * as react5 from "react";
+import * as react4 from "react";
 
 //#region src/themes/types.d.ts
 type ThemeName = "default";
@@ -37,7 +37,7 @@ interface ThemeContext {
   setTheme: (themeName: ThemeName) => void;
   themeName: ThemeName;
 }
-declare const ThemeContext: react5.Context<ThemeContext | null>;
+declare const ThemeContext: react4.Context<ThemeContext | null>;
 declare const useTheme: () => ThemeContext;
 //#endregion
 //#region src/index.d.ts
@@ -45,6 +45,6 @@ declare const UniversalUIProvider: ({
   children
 }: {
   children: React.ReactNode;
-}) => react5.JSX.Element;
+}) => react4.JSX.Element;
 //#endregion
 export { UniversalUIProvider, useTheme };

package/dist/primitives/index.d.mts

@@ -1,3 +1,3 @@
-import { $ as EmptyMediaProps, A as DropdownMenuTriggerProps, At as FieldErrorProps, B as ToastRootProps, C as DropdownMenuPortalProps, Ct as InputPrimitive, D as DropdownMenuDividerProps, Dt as FieldPrimitive, E as DropdownMenuOverlayProps, Et as InputStyles, F as BadgePrimitive, G as AvatarRootProps, H as ToastDescriptionProps, I as BadgeRootProps, J as AvatarFallbackProps, K as AvatarStyles, L as BadgeStyles, M as TextareaPrimitiveBaseProps, Mt as FieldLabelProps, N as TextareaPrimitiveProps, O as DropdownMenuButtonProps, Ot as FieldPrimitiveRootProps, P as TextareaStyles, Q as EmptyTitleProps, R as BadgeLabelProps, S as DropdownMenuPrimitive, St as ButtonPrimitiveLabelProps, T as DropdownMenuStyles, Tt as InputPrimitiveProps, U as ToastTitleProps, V as ToastStyles, W as AvatarPrimitive, X as EmptyRootProps, Y as EmptyPrimitive, Z as EmptyStyles, _t as SelectTriggerProps, a as CalendarStyles, at as CardBodyProps, b as PopoverTriggerProps, bt as ButtonState, c as CalendarDayProps, ct as SelectPrimitive, d as PopoverPrimitive, dt as SelectRootProps, et as EmptyDescriptionProps, f as PopoverContext, ft as SelectStyles, g as PopoverRootProps, gt as SelectValueProps, h as PopoverPortalProps, ht as SelectOverlayProps, i as CalendarDayState, it as CardFooterProps, j as TextareaPrimitive, jt as FieldDescriptionProps, k as DropdownMenuContentProps, kt as FieldStyles, l as CalendarWeekLabelsProps, lt as SelectPortalProps, m as PopoverCloseProps, mt as SelectContentProps, n as CalendarNavButtonProps, nt as CardRootProps, o as CalendarTitleProps, ot as CardTitleProps, p as usePopover, pt as SelectOptionProps, q as AvatarImageProps, r as CalendarRootProps, rt as CardStyles, s as CalendarHeaderProps, st as CardHeaderProps, t as CalendarPrimitive, tt as CardPrimitive, u as CalendarWeeksProps, ut as SelectRootBaseProps, v as PopoverOverlayProps, vt as ButtonPrimitive, w as DropdownMenuRootProps, wt as InputPrimitiveBaseProps, x as PopoverTriggerRef, xt as ButtonStyles, y as PopoverContentProps, yt as ButtonPrimitiveRootProps, z as ToastPrimitive } from "../index-vgnXBa4Z.mjs";
+import { $ as EmptyMediaProps, A as DropdownMenuTriggerProps, At as FieldErrorProps, B as ToastRootProps, C as DropdownMenuPortalProps, Ct as InputPrimitive, D as DropdownMenuDividerProps, Dt as FieldPrimitive, E as DropdownMenuOverlayProps, Et as InputStyles, F as BadgePrimitive, G as AvatarRootProps, H as ToastDescriptionProps, I as BadgeRootProps, J as AvatarFallbackProps, K as AvatarStyles, L as BadgeStyles, M as TextareaPrimitiveBaseProps, Mt as FieldLabelProps, N as TextareaPrimitiveProps, O as DropdownMenuButtonProps, Ot as FieldPrimitiveRootProps, P as TextareaStyles, Q as EmptyTitleProps, R as BadgeLabelProps, S as DropdownMenuPrimitive, St as ButtonPrimitiveLabelProps, T as DropdownMenuStyles, Tt as InputPrimitiveProps, U as ToastTitleProps, V as ToastStyles, W as AvatarPrimitive, X as EmptyRootProps, Y as EmptyPrimitive, Z as EmptyStyles, _t as SelectTriggerProps, a as CalendarStyles, at as CardBodyProps, b as PopoverTriggerProps, bt as ButtonState, c as CalendarDayProps, ct as SelectPrimitive, d as PopoverPrimitive, dt as SelectRootProps, et as EmptyDescriptionProps, f as PopoverContext, ft as SelectStyles, g as PopoverRootProps, gt as SelectValueProps, h as PopoverPortalProps, ht as SelectOverlayProps, i as CalendarDayState, it as CardFooterProps, j as TextareaPrimitive, jt as FieldDescriptionProps, k as DropdownMenuContentProps, kt as FieldStyles, l as CalendarWeekLabelsProps, lt as SelectPortalProps, m as PopoverCloseProps, mt as SelectContentProps, n as CalendarNavButtonProps, nt as CardRootProps, o as CalendarTitleProps, ot as CardTitleProps, p as usePopover, pt as SelectOptionProps, q as AvatarImageProps, r as CalendarRootProps, rt as CardStyles, s as CalendarHeaderProps, st as CardHeaderProps, t as CalendarPrimitive, tt as CardPrimitive, u as CalendarWeeksProps, ut as SelectRootBaseProps, v as PopoverOverlayProps, vt as ButtonPrimitive, w as DropdownMenuRootProps, wt as InputPrimitiveBaseProps, x as PopoverTriggerRef, xt as ButtonStyles, y as PopoverContentProps, yt as ButtonPrimitiveRootProps, z as ToastPrimitive } from "../index-CCYJiglk.mjs";
 import "../use-relative-position-DBzhrBU7.mjs";
 export { AvatarFallbackProps, AvatarImageProps, AvatarPrimitive, AvatarRootProps, AvatarStyles, BadgeLabelProps, BadgePrimitive, BadgeRootProps, BadgeStyles, ButtonPrimitive, ButtonPrimitiveLabelProps, ButtonPrimitiveRootProps, ButtonState, ButtonStyles, CalendarDayProps, CalendarDayState, CalendarHeaderProps, CalendarNavButtonProps, CalendarPrimitive, CalendarRootProps, CalendarStyles, CalendarTitleProps, CalendarWeekLabelsProps, CalendarWeeksProps, CardBodyProps, CardFooterProps, CardHeaderProps, CardPrimitive, CardRootProps, CardStyles, CardTitleProps, DropdownMenuButtonProps, DropdownMenuContentProps, DropdownMenuDividerProps, DropdownMenuOverlayProps, DropdownMenuPortalProps, DropdownMenuPrimitive, DropdownMenuRootProps, DropdownMenuStyles, DropdownMenuTriggerProps, EmptyDescriptionProps, EmptyMediaProps, EmptyPrimitive, EmptyRootProps, EmptyStyles, EmptyTitleProps, FieldDescriptionProps, FieldErrorProps, FieldLabelProps, FieldPrimitive, FieldPrimitiveRootProps, FieldStyles, InputPrimitive, InputPrimitiveBaseProps, InputPrimitiveProps, InputStyles, PopoverCloseProps, PopoverContentProps, PopoverContext, PopoverOverlayProps, PopoverPortalProps, PopoverPrimitive, PopoverRootProps, PopoverTriggerProps, PopoverTriggerRef, SelectContentProps, SelectOptionProps, SelectOverlayProps, SelectPortalProps, SelectPrimitive, SelectRootBaseProps, SelectRootProps, SelectStyles, SelectTriggerProps, SelectValueProps, TextareaPrimitive, TextareaPrimitiveBaseProps, TextareaPrimitiveProps, TextareaStyles, ToastDescriptionProps, ToastPrimitive, ToastRootProps, ToastStyles, ToastTitleProps, usePopover };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "license": "MIT",
   "main": "dist/index.mjs",
   "module": "dist/index.mjs",

package/src/components/calendar/calendar.tsx

@@ -1,15 +1,16 @@
 import React from "react";
-import { CalendarPrimitive } from "@/primitives";
+import { CalendarPrimitive, CalendarRootProps } from "@/primitives";
 import { CalendarVariants } from "./variants";
 
 export interface CalendarProps {
-  value?: Date;
-  onChange?: (date: Date | undefined) => void;
-  defaultMonth?: Date;
-  minDate?: Date;
-  maxDate?: Date;
-  variant?: keyof typeof CalendarVariants;
+  value?: CalendarRootProps["value"];
+  onChange?: CalendarRootProps["onChange"];
+  defaultMonth?: CalendarRootProps["defaultMonth"];
+  minDate?: CalendarRootProps["minDate"];
+  maxDate?: CalendarRootProps["maxDate"];
   weekDays?: string[];
+
+  variant?: keyof typeof CalendarVariants;
 }
 
 export function Calendar(props: CalendarProps) {

package/src/components/popover/variants/default.tsx

@@ -12,9 +12,6 @@ export const usePopoverVariantDefault = (): PopoverStyles => {
         borderRadius: radius,
         borderWidth: 1,
         borderColor: colors.border,
-        padding: 16,
-        minWidth: 280,
-        maxWidth: 320,
         shadowColor: "#000",
         shadowOffset: { width: 0, height: 4 },
         shadowOpacity: 0.15,

package/src/components/popover/variants/index.ts

@@ -1,5 +1,7 @@
 import { usePopoverVariantDefault } from "./default";
+import { usePopoverVariantUnstyled } from "./unstyled";
 
 export const PopoverVariants = {
   default: usePopoverVariantDefault,
+  unstyled: usePopoverVariantUnstyled,
 };

package/src/components/popover/variants/unstyled.tsx

@@ -0,0 +1,13 @@
+import { PopoverStyles } from "@/primitives/popover/types";
+import { useThemedStyles } from "@/utils/use-themed-styles";
+
+export const usePopoverVariantUnstyled = (): PopoverStyles => {
+  return useThemedStyles(
+    (): PopoverStyles => ({
+      overlay: {
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+      },
+      content: {},
+    })
+  );
+};

package/src/primitives/calendar/calendar-day.tsx

@@ -14,7 +14,7 @@ export interface CalendarDayProps {
 
 const calculateState = (
   date: Date,
-  selected: Date | undefined,
+  selected: Date | null | undefined,
   isCurrentMonth: boolean,
   isDisabled: boolean,
   isHovered: boolean

package/src/primitives/calendar/calendar-root.tsx

@@ -5,8 +5,8 @@ import { CalendarContext } from "./context";
 
 export interface CalendarRootProps {
   children?: React.ReactNode;
-  value?: Date;
-  onChange?: (date: Date | undefined) => void;
+  value?: Date | null;
+  onChange?: (date: Date | null) => void;
   defaultMonth?: Date;
   minDate?: Date;
   maxDate?: Date;

package/src/primitives/calendar/context.ts

@@ -2,8 +2,8 @@ import React from "react";
 import { CalendarStyles } from "./types";
 
 export interface CalendarContextValue {
-  value?: Date;
-  onChange?: (date: Date | undefined) => void;
+  value?: Date | null;
+  onChange?: (date: Date | null) => void;
   currentMonth: Date;
   setCurrentMonth: (month: Date) => void;
   minDate?: Date;