@korsolutions/ui 0.0.13 → 0.0.15

package/dist/components/index.d.mts

@@ -1,4 +1,4 @@
-import { B as FieldStyles, C as SelectStyles, F as InputPrimitiveBaseProps, L as InputStyles, M as ButtonStyles, c as EmptyStyles, m as CardStyles, r as AvatarStyles, x as SelectRootBaseProps } from "../index-_E4x_kNB.mjs";
+import { B as FieldStyles, C as SelectStyles, F as InputPrimitiveBaseProps, L as InputStyles, M as ButtonStyles, c as EmptyStyles, m as CardStyles, r as AvatarStyles, x as SelectRootBaseProps } from "../index-DugKbl7Y.mjs";
 import React from "react";
 import { ImageSource, TextProps, TextStyle } from "react-native";
 

package/dist/{index-_E4x_kNB.d.mts → index-DugKbl7Y.d.mts}

@@ -1,4 +1,4 @@
-import * as react0 from "react";
+import * as react2 from "react";
 import React$1 from "react";
 import { ImageSource, ImageStyle, StyleProp, TextInputProps, TextProps, TextStyle, ViewStyle } from "react-native";
 
@@ -65,7 +65,7 @@ interface InputPrimitiveProps extends InputPrimitiveBaseProps {
   render?: (props: InputPrimitiveProps) => React.ReactNode;
   styles?: InputStyles;
 }
-declare function InputPrimitive(props: InputPrimitiveProps): react0.JSX.Element;
+declare function InputPrimitive(props: InputPrimitiveProps): react2.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): react0.JSX.Element;
+declare function SelectOption(props: SelectOptionProps): react2.JSX.Element;
 //#endregion
 //#region src/primitives/select/types.d.ts
 type SelectState = "default" | "disabled";

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import * as react2 from "react";
+import * as react0 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: react2.Context<ThemeContext | null>;
+declare const ThemeContext: react0.Context<ThemeContext | null>;
 declare const useTheme: () => ThemeContext;
 //#endregion
 //#region src/index.d.ts
@@ -45,6 +45,6 @@ declare const UniversalUIProvider: ({
   children
 }: {
   children: React.ReactNode;
-}) => react2.JSX.Element;
+}) => react0.JSX.Element;
 //#endregion
 export { UniversalUIProvider, useTheme };

package/dist/primitives/index.d.mts

@@ -1,2 +1,2 @@
-import { A as ButtonPrimitiveRootProps, B as FieldStyles, C as SelectStyles, D as SelectValueProps, E as SelectOverlayProps, F as InputPrimitiveBaseProps, H as FieldDescriptionProps, I as InputPrimitiveProps, L as InputStyles, M as ButtonStyles, N as ButtonPrimitiveLabelProps, O as SelectTriggerProps, P as InputPrimitive, R as FieldPrimitive, S as SelectRootProps, T as SelectContentProps, U as FieldLabelProps, V as FieldErrorProps, _ as CardTitleProps, a as AvatarFallbackProps, b as SelectPortalProps, c as EmptyStyles, d as EmptyDescriptionProps, f as CardPrimitive, g as CardBodyProps, h as CardFooterProps, i as AvatarImageProps, j as ButtonState, k as ButtonPrimitive, l as EmptyTitleProps, m as CardStyles, n as AvatarRootProps, o as EmptyPrimitive, p as CardRootProps, r as AvatarStyles, s as EmptyRootProps, t as AvatarPrimitive, u as EmptyMediaProps, v as CardHeaderProps, w as SelectOptionProps, x as SelectRootBaseProps, y as SelectPrimitive, z as FieldPrimitiveRootProps } from "../index-_E4x_kNB.mjs";
+import { A as ButtonPrimitiveRootProps, B as FieldStyles, C as SelectStyles, D as SelectValueProps, E as SelectOverlayProps, F as InputPrimitiveBaseProps, H as FieldDescriptionProps, I as InputPrimitiveProps, L as InputStyles, M as ButtonStyles, N as ButtonPrimitiveLabelProps, O as SelectTriggerProps, P as InputPrimitive, R as FieldPrimitive, S as SelectRootProps, T as SelectContentProps, U as FieldLabelProps, V as FieldErrorProps, _ as CardTitleProps, a as AvatarFallbackProps, b as SelectPortalProps, c as EmptyStyles, d as EmptyDescriptionProps, f as CardPrimitive, g as CardBodyProps, h as CardFooterProps, i as AvatarImageProps, j as ButtonState, k as ButtonPrimitive, l as EmptyTitleProps, m as CardStyles, n as AvatarRootProps, o as EmptyPrimitive, p as CardRootProps, r as AvatarStyles, s as EmptyRootProps, t as AvatarPrimitive, u as EmptyMediaProps, v as CardHeaderProps, w as SelectOptionProps, x as SelectRootBaseProps, y as SelectPrimitive, z as FieldPrimitiveRootProps } from "../index-DugKbl7Y.mjs";
 export { AvatarFallbackProps, AvatarImageProps, AvatarPrimitive, AvatarRootProps, AvatarStyles, ButtonPrimitive, ButtonPrimitiveLabelProps, ButtonPrimitiveRootProps, ButtonState, ButtonStyles, CardBodyProps, CardFooterProps, CardHeaderProps, CardPrimitive, CardRootProps, CardStyles, CardTitleProps, EmptyDescriptionProps, EmptyMediaProps, EmptyPrimitive, EmptyRootProps, EmptyStyles, EmptyTitleProps, FieldDescriptionProps, FieldErrorProps, FieldLabelProps, FieldPrimitive, FieldPrimitiveRootProps, FieldStyles, InputPrimitive, InputPrimitiveBaseProps, InputPrimitiveProps, InputStyles, SelectContentProps, SelectOptionProps, SelectOverlayProps, SelectPortalProps, SelectPrimitive, SelectRootBaseProps, SelectRootProps, SelectStyles, SelectTriggerProps, SelectValueProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "license": "MIT",
   "main": "dist/index.mjs",
   "module": "dist/index.mjs",
@@ -20,10 +20,16 @@
       "default": "./dist/components/index.mjs",
       "types": "./dist/components/index.d.mts",
       "dev-source": "./src/components/index.ts"
+    },
+    "./hooks": {
+      "default": "./dist/hooks/index.mjs",
+      "types": "./dist/hooks/index.d.mts",
+      "dev-source": "./src/hooks/index.ts"
     }
   },
   "scripts": {
     "build": "tsdown",
+    "prepublish": "tsdown",
     "publish": "npm publish --access public",
     "ts-check": "tsc --noEmit"
   },

package/src/hooks/index.ts

@@ -0,0 +1 @@
+export * from "./useScreenSize";

package/src/hooks/useScreenSize.ts

@@ -0,0 +1,41 @@
+import { useWindowDimensions } from "react-native";
+
+export type ScreenSize = "mobile" | "tablet" | "desktop";
+
+interface Response {
+  readonly size: ScreenSize;
+  readonly width: number;
+  readonly height: number;
+  readonly isMobile: boolean;
+  readonly isTablet: boolean;
+  readonly isDesktop: boolean;
+
+  select<T>(specifics: ({ [size in ScreenSize]?: T } & { default: T }) | { [platform in ScreenSize]: T }): T;
+  select<T>(specifics: { [size in ScreenSize]?: T }): T | undefined;
+}
+
+export function useScreenSize(): Response {
+  const windowDimensions = useWindowDimensions();
+
+  const size: ScreenSize = windowDimensions.width < 768 ? "mobile" : windowDimensions.width < 1024 ? "tablet" : "desktop";
+
+  return {
+    size,
+    width: windowDimensions.width,
+    height: windowDimensions.height,
+    isMobile: size === "mobile",
+    isTablet: size === "tablet",
+    isDesktop: size === "desktop",
+    select: (specifics) => {
+      const { mobile, tablet, desktop } = specifics;
+
+      if (size === "mobile" && mobile !== undefined) return mobile;
+      if (size === "tablet" && tablet !== undefined) return tablet;
+      if (size === "desktop" && desktop !== undefined) return desktop;
+      if (!("default" in specifics)) {
+        throw new Error(`Utils.$screenSize.select: No value specified for current screen size: ${size}`);
+      }
+      return specifics.default;
+    },
+  };
+}