@korsolutions/ui 0.0.96 → 0.0.97

package/dist/typescript/src/themes/types.d.ts

@@ -43,10 +43,12 @@ import type { WeekCalendarStyles } from "../components/calendar/week-calendar/ty
 import type { CardStyles } from "../components/card/types";
 import type { CheckboxStyles } from "../components/checkbox/types";
 import type { ComboboxStyles } from "../components/combobox/types";
+import type { DescriptionListStyles } from "../components/description-list/types";
 import type { EmptyStyles } from "../components/empty/types";
 import type { FieldStyles } from "../components/field/types";
 import type { IconButtonStyles } from "../components/icon-button/types";
 import type { InputStyles } from "../components/input/types";
+import type { ItemStyles } from "../components/item/types";
 import type { LinkStyles } from "../components/link";
 import type { MenuStyles } from "../components/menu/types";
 import type { PhoneInputStyles } from "../components/phone-input/types";
@@ -97,6 +99,9 @@ export interface ComponentsConfig {
     combobox?: {
         styles?: ComboboxStyles;
     };
+    descriptionList?: {
+        styles?: DescriptionListStyles;
+    };
     empty?: {
         styles?: EmptyStyles;
     };
@@ -109,6 +114,9 @@ export interface ComponentsConfig {
     input?: {
         styles?: InputStyles;
     };
+    item?: {
+        styles?: ItemStyles;
+    };
     link?: {
         styles?: LinkStyles;
     };

package/dist/typescript/src/themes/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/themes/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/themes/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,KAAK,KAAK,GAAG,OAAO,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI,CAAC;AAEtD,MAAM,WAAW,MAAM;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,UAAU,EAAE,KAAK,CAAC;IAClB,OAAO,EAAE,KAAK,CAAC;IACf,iBAAiB,EAAE,KAAK,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC;IACjB,mBAAmB,EAAE,KAAK,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;IACb,eAAe,EAAE,KAAK,CAAC;IACvB,MAAM,EAAE,KAAK,CAAC;IACd,OAAO,EAAE,KAAK,CAAC;IACf,OAAO,EAAE,KAAK,CAAC;IACf,OAAO,EAAE,KAAK,CAAC;IACf,MAAM,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,KAAK,CAAC;CACb;AAED,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC;AAC5B,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAChC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AACnC,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;KACtC,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,MAAM,CAAC,EAAE,iBAAiB,CAAC;KAC5B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,YAAY,CAAC;KACvB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,YAAY,CAAC;KACvB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzC,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,MAAM,CAAC,EAAE,UAAU,CAAC;KACrB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IACF,eAAe,CAAC,EAAE;QAChB,MAAM,CAAC,EAAE,qBAAqB,CAAC;KAChC,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,MAAM,CAAC,EAAE,UAAU,CAAC;KACrB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,MAAM,CAAC,EAAE,UAAU,CAAC;KACrB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC9C,MAAM,CAAC,EAAE,UAAU,CAAC;KACrB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACF,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,aAAa,CAAC;KACxB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,YAAY,CAAC;KACvB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,eAAe,CAAC;KAC1B,CAAC;IACF,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,aAAa,CAAC;KACxB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,aAAa,CAAC;KACxB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,MAAM,CAAC,EAAE,UAAU,CAAC;KACrB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnF,MAAM,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,eAAe,CAAC;KAC1B,CAAC;IACF,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,kBAAkB,CAAC;KAC7B,CAAC;CACH"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.96",
+  "version": "0.0.97",
   "bugs": {
     "url": "https://github.com/KorSoftwareSolutions/ui/issues"
   },

package/src/components/description-list/context.ts

@@ -0,0 +1,17 @@
+import { createContext, useContext } from "react";
+import type { DescriptionListState, DescriptionListStyles } from "./types";
+
+export interface DescriptionListContext {
+  state: DescriptionListState;
+  styles?: DescriptionListStyles;
+}
+
+export const DescriptionListContext = createContext<DescriptionListContext | undefined>(undefined);
+
+export const useDescriptionList = () => {
+  const context = useContext(DescriptionListContext);
+  if (!context) {
+    throw new Error("useDescriptionList must be used within a DescriptionList.Root");
+  }
+  return context;
+};

package/src/components/description-list/description-list-actions.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import type { PropsWithRender } from "../../types/props.types";
+import { calculateComposedStyles } from "../../utils/calculate-styles";
+import { useDescriptionList } from "./context";
+
+export interface DescriptionListActionsProps {
+  children?: React.ReactNode;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function DescriptionListActions(props: PropsWithRender<DescriptionListActionsProps>) {
+  const dl = useDescriptionList();
+
+  const composedStyle = calculateComposedStyles(dl.styles, dl.state, "actions", props.style);
+
+  const Component = props.render ?? View;
+  return <Component {...props} style={composedStyle} />;
+}

package/src/components/description-list/description-list-details.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { type StyleProp, Text, type TextStyle } from "react-native";
+import type { PropsWithRender } from "../../types/props.types";
+import { calculateComposedStyles } from "../../utils/calculate-styles";
+import { useDescriptionList } from "./context";
+
+export interface DescriptionListDetailsProps {
+  children?: React.ReactNode;
+
+  style?: StyleProp<TextStyle>;
+}
+
+export function DescriptionListDetails(props: PropsWithRender<DescriptionListDetailsProps>) {
+  const dl = useDescriptionList();
+
+  const composedStyle = calculateComposedStyles(dl.styles, dl.state, "details", props.style);
+
+  const Component = props.render ?? Text;
+  return <Component {...props} style={composedStyle} />;
+}

package/src/components/description-list/description-list-item.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import type { PropsWithRender } from "../../types/props.types";
+import { calculateComposedStyles } from "../../utils/calculate-styles";
+import { useDescriptionList } from "./context";
+
+export interface DescriptionListItemProps {
+  children?: React.ReactNode;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function DescriptionListItem(props: PropsWithRender<DescriptionListItemProps>) {
+  const dl = useDescriptionList();
+
+  const composedStyle = calculateComposedStyles(dl.styles, dl.state, "item", props.style);
+
+  const Component = props.render ?? View;
+  return <Component {...props} style={composedStyle} />;
+}

package/src/components/description-list/description-list-root.tsx

@@ -0,0 +1,35 @@
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import { useComponentConfig } from "../../themes/provider";
+import type { PropsWithRender } from "../../types/props.types";
+import { calculateComposedStyles, mergeStyles } from "../../utils/calculate-styles";
+import { DescriptionListContext } from "./context";
+import { DescriptionListVariants } from "./variants";
+
+export interface DescriptionListRootProps {
+  variant?: keyof typeof DescriptionListVariants;
+  children?: React.ReactNode;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function DescriptionListRoot(props: PropsWithRender<DescriptionListRootProps>) {
+  const variantStyles = DescriptionListVariants[props.variant || "default"]();
+  const componentConfig = useComponentConfig("descriptionList");
+
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
+
+  const composedStyle = calculateComposedStyles(mergedStyles, "default", "root", props.style);
+
+  const Component = props.render ?? View;
+  return (
+    <DescriptionListContext.Provider
+      value={{
+        state: "default",
+        styles: mergedStyles,
+      }}
+    >
+      <Component {...props} style={composedStyle} />
+    </DescriptionListContext.Provider>
+  );
+}

package/src/components/description-list/description-list-term.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+import { type StyleProp, Text, type TextStyle } from "react-native";
+import type { TextChildren } from "../../types/element.types";
+import type { PropsWithRender } from "../../types/props.types";
+import { calculateComposedStyles } from "../../utils/calculate-styles";
+import { useDescriptionList } from "./context";
+
+export interface DescriptionListTermProps {
+  children?: TextChildren;
+
+  style?: StyleProp<TextStyle>;
+}
+
+export function DescriptionListTerm(props: PropsWithRender<DescriptionListTermProps>) {
+  const dl = useDescriptionList();
+
+  const composedStyle = calculateComposedStyles(dl.styles, dl.state, "term", props.style);
+
+  const Component = props.render ?? Text;
+  return <Component {...props} style={composedStyle} />;
+}

package/src/components/description-list/index.ts

@@ -0,0 +1,20 @@
+import { DescriptionListActions } from "./description-list-actions";
+import { DescriptionListDetails } from "./description-list-details";
+import { DescriptionListItem } from "./description-list-item";
+import { DescriptionListRoot } from "./description-list-root";
+import { DescriptionListTerm } from "./description-list-term";
+
+export const DescriptionList = {
+  Root: DescriptionListRoot,
+  Item: DescriptionListItem,
+  Term: DescriptionListTerm,
+  Details: DescriptionListDetails,
+  Actions: DescriptionListActions,
+};
+
+export type { DescriptionListRootProps } from "./description-list-root";
+export type { DescriptionListItemProps } from "./description-list-item";
+export type { DescriptionListTermProps } from "./description-list-term";
+export type { DescriptionListDetailsProps } from "./description-list-details";
+export type { DescriptionListActionsProps } from "./description-list-actions";
+export type { DescriptionListStyles } from "./types";

package/src/components/description-list/types.ts

@@ -0,0 +1,15 @@
+import type { DescriptionListRootProps } from "./description-list-root";
+import type { DescriptionListItemProps } from "./description-list-item";
+import type { DescriptionListTermProps } from "./description-list-term";
+import type { DescriptionListDetailsProps } from "./description-list-details";
+import type { DescriptionListActionsProps } from "./description-list-actions";
+
+export type DescriptionListState = "default";
+
+export interface DescriptionListStyles {
+  root?: Partial<Record<DescriptionListState, DescriptionListRootProps["style"]>>;
+  item?: Partial<Record<DescriptionListState, DescriptionListItemProps["style"]>>;
+  term?: Partial<Record<DescriptionListState, DescriptionListTermProps["style"]>>;
+  details?: Partial<Record<DescriptionListState, DescriptionListDetailsProps["style"]>>;
+  actions?: Partial<Record<DescriptionListState, DescriptionListActionsProps["style"]>>;
+}

package/src/components/description-list/variants/default.tsx

@@ -0,0 +1,50 @@
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { DescriptionListStyles } from "../types";
+
+export function useDescriptionListVariantDefault(): DescriptionListStyles {
+  return useThemedStyles(
+    ({ colors, fontFamily, fontSize }): DescriptionListStyles => ({
+      root: {
+        default: {
+          gap: 0,
+        },
+      },
+      item: {
+        default: {
+          flexDirection: "row",
+          alignItems: "center",
+          paddingVertical: 12,
+          borderTopWidth: 1,
+          borderTopColor: colors.border,
+          gap: 16,
+        },
+      },
+      term: {
+        default: {
+          fontFamily,
+          fontSize: fontSize * 0.875,
+          lineHeight: Math.round(fontSize * 0.875 * 1.5),
+          fontWeight: "500",
+          color: colors.mutedForeground,
+          width: "40%",
+        },
+      },
+      details: {
+        default: {
+          fontFamily,
+          fontSize: fontSize * 0.875,
+          lineHeight: Math.round(fontSize * 0.875 * 1.5),
+          color: colors.foreground,
+          flex: 1,
+        },
+      },
+      actions: {
+        default: {
+          flexDirection: "row",
+          alignItems: "center",
+          gap: 8,
+        },
+      },
+    }),
+  );
+}

package/src/components/description-list/variants/index.ts

@@ -0,0 +1,5 @@
+import { useDescriptionListVariantDefault } from "./default";
+
+export const DescriptionListVariants = {
+  default: useDescriptionListVariantDefault,
+};

package/src/components/index.ts

@@ -7,12 +7,14 @@ export * from "./calendar";
 export * from "./card";
 export * from "./checkbox";
 export * from "./combobox";
+export * from "./description-list";
 export * from "./empty";
 export * from "./field";
 export * from "./full-screen-spinner";
 export * from "./icon";
 export * from "./icon-button";
 export * from "./input";
+export * from "./item";
 export * from "./link";
 export * from "./list";
 export * from "./menu";

package/src/components/item/context.ts

@@ -0,0 +1,18 @@
+import { createContext, useContext } from "react";
+import type { ItemState, ItemStyles } from "./types";
+
+export interface ItemContext {
+  state: ItemState;
+  styles?: ItemStyles;
+  size: "default" | "sm" | "xs";
+}
+
+export const ItemContext = createContext<ItemContext | undefined>(undefined);
+
+export const useItem = () => {
+  const context = useContext(ItemContext);
+  if (!context) {
+    throw new Error("useItem must be used within an Item.Root");
+  }
+  return context;
+};

package/src/components/item/index.ts

@@ -0,0 +1,23 @@
+import { ItemActions } from "./item-actions";
+import { ItemContent } from "./item-content";
+import { ItemDescription } from "./item-description";
+import { ItemMedia } from "./item-media";
+import { ItemRoot } from "./item-root";
+import { ItemTitle } from "./item-title";
+
+export const Item = {
+  Root: ItemRoot,
+  Media: ItemMedia,
+  Content: ItemContent,
+  Title: ItemTitle,
+  Description: ItemDescription,
+  Actions: ItemActions,
+};
+
+export type { ItemRootProps } from "./item-root";
+export type { ItemMediaProps } from "./item-media";
+export type { ItemContentProps } from "./item-content";
+export type { ItemTitleProps } from "./item-title";
+export type { ItemDescriptionProps } from "./item-description";
+export type { ItemActionsProps } from "./item-actions";
+export type { ItemStyles } from "./types";

package/src/components/item/item-actions.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import type { PropsWithRender } from "../../types/props.types";
+import { calculateComposedStyles } from "../../utils/calculate-styles";
+import { useItem } from "./context";
+
+export interface ItemActionsProps {
+  children?: React.ReactNode;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function ItemActions(props: PropsWithRender<ItemActionsProps>) {
+  const item = useItem();
+
+  const composedStyle = calculateComposedStyles(item.styles, item.state, "actions", props.style);
+
+  const Component = props.render ?? View;
+  return <Component {...props} style={composedStyle} />;
+}

package/src/components/item/item-content.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import type { PropsWithRender } from "../../types/props.types";
+import { calculateComposedStyles } from "../../utils/calculate-styles";
+import { useItem } from "./context";
+
+export interface ItemContentProps {
+  children?: React.ReactNode;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function ItemContent(props: PropsWithRender<ItemContentProps>) {
+  const item = useItem();
+
+  const composedStyle = calculateComposedStyles(item.styles, item.state, "content", props.style);
+
+  const Component = props.render ?? View;
+  return <Component {...props} style={composedStyle} />;
+}

package/src/components/item/item-description.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import { type StyleProp, Text, type TextStyle } from "react-native";
+import type { TextChildren } from "../../types/element.types";
+import type { PropsWithRender } from "../../types/props.types";
+import { calculateComposedStyles } from "../../utils/calculate-styles";
+import { useItem } from "./context";
+
+export interface ItemDescriptionProps {
+  children?: TextChildren;
+  numberOfLines?: number;
+
+  style?: StyleProp<TextStyle>;
+}
+
+export function ItemDescription(props: PropsWithRender<ItemDescriptionProps>) {
+  const item = useItem();
+
+  const composedStyle = calculateComposedStyles(
+    item.styles,
+    item.state,
+    "description",
+    props.style,
+  );
+
+  const Component = props.render ?? Text;
+  return <Component {...props} style={composedStyle} />;
+}

package/src/components/item/item-media.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import type { PropsWithRender } from "../../types/props.types";
+import { calculateComposedStyles } from "../../utils/calculate-styles";
+import { useItem } from "./context";
+
+export interface ItemMediaProps {
+  variant?: "default" | "icon";
+  children?: React.ReactNode;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function ItemMedia(props: PropsWithRender<ItemMediaProps>) {
+  const item = useItem();
+
+  const styleKey = props.variant === "icon" ? "mediaIcon" : "media";
+  const composedStyle = calculateComposedStyles(item.styles, item.state, styleKey, props.style);
+
+  const Component = props.render ?? View;
+  return <Component {...props} style={composedStyle} />;
+}

package/src/components/item/item-root.tsx

@@ -0,0 +1,38 @@
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import { useComponentConfig } from "../../themes/provider";
+import type { PropsWithRender } from "../../types/props.types";
+import { calculateComposedStyles, mergeStyles } from "../../utils/calculate-styles";
+import { ItemContext } from "./context";
+import { ItemVariants } from "./variants";
+
+export interface ItemRootProps {
+  variant?: keyof typeof ItemVariants;
+  size?: "default" | "sm" | "xs";
+  children?: React.ReactNode;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function ItemRoot(props: PropsWithRender<ItemRootProps>) {
+  const size = props.size ?? "default";
+  const variantStyles = ItemVariants[props.variant || "default"](size);
+  const componentConfig = useComponentConfig("item");
+
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
+
+  const composedStyle = calculateComposedStyles(mergedStyles, "default", "root", props.style);
+
+  const Component = props.render ?? View;
+  return (
+    <ItemContext.Provider
+      value={{
+        state: "default",
+        styles: mergedStyles,
+        size,
+      }}
+    >
+      <Component {...props} style={composedStyle} />
+    </ItemContext.Provider>
+  );
+}

package/src/components/item/item-title.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import { type StyleProp, Text, type TextStyle } from "react-native";
+import type { TextChildren } from "../../types/element.types";
+import type { PropsWithRender } from "../../types/props.types";
+import { calculateComposedStyles } from "../../utils/calculate-styles";
+import { useItem } from "./context";
+
+export interface ItemTitleProps {
+  children?: TextChildren;
+  numberOfLines?: number;
+
+  style?: StyleProp<TextStyle>;
+}
+
+export function ItemTitle(props: PropsWithRender<ItemTitleProps>) {
+  const item = useItem();
+
+  const composedStyle = calculateComposedStyles(item.styles, item.state, "title", props.style);
+
+  const Component = props.render ?? Text;
+  return <Component {...props} style={composedStyle} />;
+}

package/src/components/item/types.ts

@@ -0,0 +1,18 @@
+import type { ItemRootProps } from "./item-root";
+import type { ItemMediaProps } from "./item-media";
+import type { ItemContentProps } from "./item-content";
+import type { ItemTitleProps } from "./item-title";
+import type { ItemDescriptionProps } from "./item-description";
+import type { ItemActionsProps } from "./item-actions";
+
+export type ItemState = "default";
+
+export interface ItemStyles {
+  root?: Partial<Record<ItemState, ItemRootProps["style"]>>;
+  media?: Partial<Record<ItemState, ItemMediaProps["style"]>>;
+  mediaIcon?: Partial<Record<ItemState, ItemMediaProps["style"]>>;
+  content?: Partial<Record<ItemState, ItemContentProps["style"]>>;
+  title?: Partial<Record<ItemState, ItemTitleProps["style"]>>;
+  description?: Partial<Record<ItemState, ItemDescriptionProps["style"]>>;
+  actions?: Partial<Record<ItemState, ItemActionsProps["style"]>>;
+}

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

@@ -0,0 +1,71 @@
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { ItemStyles } from "../types";
+
+const sizeConfig = {
+  default: { padding: 12, gap: 12, iconBox: 40, fontSize: 1, descFontSize: 0.875 },
+  sm: { padding: 8, gap: 10, iconBox: 32, fontSize: 0.875, descFontSize: 0.8125 },
+  xs: { padding: 6, gap: 8, iconBox: 28, fontSize: 0.8125, descFontSize: 0.75 },
+} as const;
+
+export function useItemVariantDefault(size: "default" | "sm" | "xs" = "default"): ItemStyles {
+  const s = sizeConfig[size];
+
+  return useThemedStyles(
+    ({ colors, radius, fontFamily, fontSize }): ItemStyles => ({
+      root: {
+        default: {
+          flexDirection: "row",
+          alignItems: "center",
+          padding: s.padding,
+          gap: s.gap,
+        },
+      },
+      media: {
+        default: {
+          alignItems: "center",
+          justifyContent: "center",
+        },
+      },
+      mediaIcon: {
+        default: {
+          width: s.iconBox,
+          height: s.iconBox,
+          borderRadius: radius,
+          backgroundColor: colors.muted,
+          alignItems: "center",
+          justifyContent: "center",
+        },
+      },
+      content: {
+        default: {
+          flex: 1,
+          gap: 2,
+        },
+      },
+      title: {
+        default: {
+          fontFamily,
+          fontSize: fontSize * s.fontSize,
+          lineHeight: Math.round(fontSize * s.fontSize * 1.3),
+          fontWeight: "500",
+          color: colors.foreground,
+        },
+      },
+      description: {
+        default: {
+          fontFamily,
+          fontSize: fontSize * s.descFontSize,
+          lineHeight: Math.round(fontSize * s.descFontSize * 1.4),
+          color: colors.mutedForeground,
+        },
+      },
+      actions: {
+        default: {
+          flexDirection: "row",
+          alignItems: "center",
+          gap: 8,
+        },
+      },
+    }),
+  );
+}

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

@@ -0,0 +1,9 @@
+import { useItemVariantDefault } from "./default";
+import { useItemVariantMuted } from "./muted";
+import { useItemVariantOutline } from "./outline";
+
+export const ItemVariants = {
+  default: useItemVariantDefault,
+  outline: useItemVariantOutline,
+  muted: useItemVariantMuted,
+};