@korsolutions/ui 0.0.79 → 0.0.81

package/src/components/radio-group/variants/default.tsx

@@ -0,0 +1,78 @@
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { RadioGroupStyles } from "../types";
+
+export const useRadioGroupVariantDefault = (): RadioGroupStyles => {
+  return useThemedStyles(
+    ({ colors, fontFamily, fontSize }): RadioGroupStyles => ({
+      root: {
+        default: {
+          gap: 8,
+        },
+      },
+      item: {
+        default: {
+          flexDirection: "row",
+          alignItems: "flex-start",
+          gap: 12,
+        },
+        disabled: {
+          opacity: 0.5,
+        },
+      },
+      indicator: {
+        default: {
+          width: 20,
+          height: 20,
+          borderRadius: 10,
+          borderWidth: 2,
+          borderColor: colors.border,
+          backgroundColor: colors.background,
+          marginTop: 2,
+          alignItems: "center",
+          justifyContent: "center",
+        },
+        selected: {
+          borderColor: colors.primary,
+        },
+        disabled: {
+          opacity: 0.5,
+        },
+      },
+      dot: {
+        default: {
+          width: 8,
+          height: 8,
+          borderRadius: 4,
+          backgroundColor: colors.primary,
+        },
+      },
+      content: {
+        default: {
+          flex: 1,
+        },
+      },
+      title: {
+        default: {
+          color: colors.foreground,
+          fontSize,
+          fontFamily,
+          fontWeight: "500",
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+      },
+      description: {
+        default: {
+          color: colors.mutedForeground,
+          fontSize: fontSize * 0.875,
+          fontFamily,
+          marginTop: 2,
+        },
+        disabled: {
+          opacity: 0.7,
+        },
+      },
+    }),
+  );
+};

package/src/components/radio-group/variants/index.ts

@@ -0,0 +1,7 @@
+import { useRadioGroupVariantDefault } from "./default";
+import { useRadioGroupVariantOutlined } from "./outlined";
+
+export const RadioGroupVariants = {
+  default: useRadioGroupVariantDefault,
+  outlined: useRadioGroupVariantOutlined,
+};

package/src/components/radio-group/variants/outlined.tsx

@@ -0,0 +1,90 @@
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { RadioGroupStyles } from "../types";
+
+export const useRadioGroupVariantOutlined = (): RadioGroupStyles => {
+  return useThemedStyles(
+    ({ colors, radius, fontFamily, fontSize }): RadioGroupStyles => ({
+      root: {
+        default: {
+          gap: 8,
+        },
+      },
+      item: {
+        default: {
+          flexDirection: "row",
+          alignItems: "flex-start",
+          gap: 12,
+          borderWidth: 1,
+          borderColor: colors.border,
+          borderRadius: radius,
+          padding: 16,
+          backgroundColor: colors.background,
+        },
+        hovered: {
+          backgroundColor: colors.muted,
+          borderColor: colors.primary,
+        },
+        selected: {
+          borderColor: colors.primary,
+        },
+        disabled: {
+          opacity: 0.5,
+        },
+      },
+      indicator: {
+        default: {
+          width: 20,
+          height: 20,
+          borderRadius: 10,
+          borderWidth: 2,
+          borderColor: colors.border,
+          backgroundColor: colors.background,
+          marginTop: 2,
+          alignItems: "center",
+          justifyContent: "center",
+        },
+        selected: {
+          borderColor: colors.primary,
+        },
+        disabled: {
+          opacity: 0.5,
+        },
+      },
+      dot: {
+        default: {
+          width: 8,
+          height: 8,
+          borderRadius: 4,
+          backgroundColor: colors.primary,
+        },
+      },
+      content: {
+        default: {
+          flex: 1,
+        },
+      },
+      title: {
+        default: {
+          color: colors.foreground,
+          fontSize,
+          fontFamily,
+          fontWeight: "500",
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+      },
+      description: {
+        default: {
+          color: colors.mutedForeground,
+          fontSize: fontSize * 0.875,
+          fontFamily,
+          marginTop: 2,
+        },
+        disabled: {
+          opacity: 0.7,
+        },
+      },
+    }),
+  );
+};

package/dist/module/components/menu/components/menu-group.js

@@ -1,18 +0,0 @@
-"use strict";
-
-import React from "react";
-import { View } from "react-native";
-import { useMenu } from "../context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function MenuGroup(props) {
-  const menu = useMenu();
-  const composedStyle = [menu.styles?.group, props.style];
-  const Component = props.render ?? View;
-  return /*#__PURE__*/_jsx(Component, {
-    ...props,
-    role: "group",
-    style: composedStyle,
-    children: props.children
-  });
-}
-//# sourceMappingURL=menu-group.js.map

package/dist/module/components/menu/components/menu-group.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","useMenu","jsx","_jsx","MenuGroup","props","menu","composedStyle","styles","group","style","Component","render","role","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-group.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,SAASA,CAACC,KAAqB,EAAE;EAC/C,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EACtB,MAAMM,aAAa,GAAG,CAACD,IAAI,CAACE,MAAM,EAAEC,KAAK,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEvD,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBACEG,IAAA,CAACQ,SAAS;IAAA,GACJN,KAAK;IACTQ,IAAI,EAAC,OAAO;IACZH,KAAK,EAAEH,aAAc;IAAAO,QAAA,EAEpBT,KAAK,CAACS;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}

package/dist/module/components/menu/components/menu-separator.js

@@ -1,17 +0,0 @@
-"use strict";
-
-import React from "react";
-import { View } from "react-native";
-import { useMenu } from "../context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function MenuSeparator(props) {
-  const menu = useMenu();
-  const composedStyle = [menu.styles?.separator, props.style];
-  const Component = props.render ?? View;
-  return /*#__PURE__*/_jsx(Component, {
-    ...props,
-    role: "separator",
-    style: composedStyle
-  });
-}
-//# sourceMappingURL=menu-separator.js.map

package/dist/module/components/menu/components/menu-separator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","useMenu","jsx","_jsx","MenuSeparator","props","menu","composedStyle","styles","separator","style","Component","render","role"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-separator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOrC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EACtB,MAAMM,aAAa,GAAG,CAACD,IAAI,CAACE,MAAM,EAAEC,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE3D,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBACEG,IAAA,CAACQ,SAAS;IAAA,GACJN,KAAK;IACTQ,IAAI,EAAC,WAAW;IAChBH,KAAK,EAAEH;EAAc,CACtB,CAAC;AAEN","ignoreList":[]}

package/dist/typescript/src/components/menu/components/menu-group.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { type StyleProp, type ViewStyle } from "react-native";
-export interface MenuGroupProps {
-    children?: React.ReactNode;
-    render?: (props: MenuGroupProps) => React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-export declare function MenuGroup(props: MenuGroupProps): React.JSX.Element;
-//# sourceMappingURL=menu-group.d.ts.map

package/dist/typescript/src/components/menu/components/menu-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-group.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAc9C"}

package/dist/typescript/src/components/menu/components/menu-separator.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { type StyleProp, type ViewStyle } from "react-native";
-export interface MenuSeparatorProps {
-    render?: (props: MenuSeparatorProps) => React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-export declare function MenuSeparator(props: MenuSeparatorProps): React.JSX.Element;
-//# sourceMappingURL=menu-separator.d.ts.map

package/dist/typescript/src/components/menu/components/menu-separator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-separator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAYtD"}

package/src/components/menu/components/menu-group.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-import { View, type StyleProp, type ViewStyle } from "react-native";
-import { useMenu } from "../context";
-
-export interface MenuGroupProps {
-  children?: React.ReactNode;
-  render?: (props: MenuGroupProps) => React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-}
-
-export function MenuGroup(props: MenuGroupProps) {
-  const menu = useMenu();
-  const composedStyle = [menu.styles?.group, props.style];
-
-  const Component = props.render ?? View;
-  return (
-    <Component
-      {...props}
-      role="group"
-      style={composedStyle}
-    >
-      {props.children}
-    </Component>
-  );
-}

package/src/components/menu/components/menu-separator.tsx

@@ -1,22 +0,0 @@
-import React from "react";
-import { View, type StyleProp, type ViewStyle } from "react-native";
-import { useMenu } from "../context";
-
-export interface MenuSeparatorProps {
-  render?: (props: MenuSeparatorProps) => React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-}
-
-export function MenuSeparator(props: MenuSeparatorProps) {
-  const menu = useMenu();
-  const composedStyle = [menu.styles?.separator, props.style];
-
-  const Component = props.render ?? View;
-  return (
-    <Component
-      {...props}
-      role="separator"
-      style={composedStyle}
-    />
-  );
-}