@korsolutions/ui 0.0.4 → 0.0.5

package/src/utils/use-themed-styles.ts

@@ -0,0 +1,13 @@
+import { useTheme } from "@/themes";
+import { Colors, FontFamily, Radius } from "@/themes/types";
+
+interface CallbackProps {
+  colors: Colors;
+  radius: Radius;
+  fontFamily: FontFamily;
+}
+
+export const useThemedStyles = <T>(callback: (props: CallbackProps) => T): T => {
+  const theme = useTheme();
+  return callback({ colors: theme.colors, radius: theme.radius, fontFamily: theme.fontFamily });
+};

package/tsconfig.json

@@ -1,4 +1,12 @@
 {
   "extends": "expo/tsconfig.base",
+  "compilerOptions": {
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
   "include": ["src/**/*"]
 }

package/tsdown.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from "tsdown";
+
+export default defineConfig({
+  entry: ["./src/index.tsx", "./src/primitives/index.ts", "./src/components/index.ts"],
+  onSuccess() {
+    console.info("🙏 Build succeeded!");
+  },
+});

package/src/composites/card.tsx

@@ -1,23 +0,0 @@
-import React from "react";
-import { Card as CardPrimitive, CardStyles } from "../primitives/card";
-
-export interface CompositeCardProps {
-  title?: string;
-  footer?: React.ReactNode;
-  children: React.ReactNode;
-  styles?: CardStyles;
-}
-
-export function Card({ title, footer, children, styles }: CompositeCardProps) {
-  return (
-    <CardPrimitive.Root styles={styles}>
-      {title && (
-        <CardPrimitive.Header>
-          <CardPrimitive.Title>{title}</CardPrimitive.Title>
-        </CardPrimitive.Header>
-      )}
-      <CardPrimitive.Body>{children}</CardPrimitive.Body>
-      {footer && <CardPrimitive.Footer>{footer}</CardPrimitive.Footer>}
-    </CardPrimitive.Root>
-  );
-}

package/src/composites/index.ts

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

package/src/index.ts

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

package/src/primitives/field/field-control.tsx

@@ -1,29 +0,0 @@
-import React from "react";
-import { useField } from "./context";
-import { FieldRootProps } from "./field-root";
-
-interface FieldControlInjectedProps<TControlStyles> {
-  value: FieldRootProps["value"];
-  onChange: FieldRootProps["onChange"];
-
-  onFocus?: () => void;
-  onBlur?: () => void;
-
-  styles?: TControlStyles;
-}
-
-export type FieldControlProps<T> = {
-  render: (props: FieldControlInjectedProps<T>) => React.ReactElement;
-};
-
-export function FieldControl<T>(props: FieldControlProps<T>) {
-  const { value, onChange, setFocused, state, styles } = useField<T>();
-
-  const controlStyles = styles?.control;
-  const composedStyles = controlStyles ? { ...controlStyles.default, ...controlStyles[state] } : undefined;
-
-  const Component = props.render;
-  return (
-    <Component value={value} onChange={onChange} onBlur={() => setFocused(false)} onFocus={() => setFocused(true)} styles={composedStyles as T} />
-  );
-}

package/src/primitives/provider.tsx

@@ -1,10 +0,0 @@
-import { PortalHost } from "./portal";
-
-export const UniversalUIProvider = ({ children }: { children: React.ReactNode }) => {
-  return (
-    <>
-      {children}
-      <PortalHost />
-    </>
-  );
-};