52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:T545,import { Children, isValidElement } from "react"; import type { SegmentedControlItemData, SegmentedControlItemLabelProps, SegmentedControlItemProps, } from "./segmented-control-types"; const getChildDisplayName = (child: React.ReactNode) => { if (!isValidElement(child)) { return; } return (child.type as { displayName?: string }).displayName; }; const extractItemLabel = (children: React.ReactNode) => { let label: string | undefined; for (const child of Children.toArray(children)) { if (!isValidElement(child)) { continue; } if (getChildDisplayName(child) === "SegmentedControlItemLabel") { label = (child.props as SegmentedControlItemLabelProps).children; } } return label; }; export const extractSegmentedControlItems = (children: React.ReactNode) => { const items: SegmentedControlItemData[] = []; for (const child of Children.toArray(children)) { if (!isValidElement(child)) { continue; } if (getChildDisplayName(child) !== "SegmentedControlItem") { continue; } const { value, children: itemChildren } = child.props as SegmentedControlItemProps; const label = extractItemLabel(itemChildren); if (typeof value !== "string" || label === undefined) { continue; } items.push({ label, value }); } return items; }; 55:T905,import { Host as HostPrimitive } from "@expo/ui"; import { Picker, Text } from "@expo/ui/swift-ui"; import { disabled as disabledModifier, type ModifierConfig, pickerStyle, tag, tint, } from "@expo/ui/swift-ui/modifiers"; import { useMemo, useState } from "react"; import { useCSSVariable, withUniwind } from "uniwind"; import { cn } from "@/lib/utils"; import type { SegmentedControlItemLabelProps, SegmentedControlItemProps, SegmentedControlProps, } from "./segmented-control-types"; import { extractSegmentedControlItems } from "./segmented-control-utils"; const StyledHost = withUniwind(HostPrimitive); export const SegmentedControlItemLabel = ( _: SegmentedControlItemLabelProps ) => { return null; }; SegmentedControlItemLabel.displayName = "SegmentedControlItemLabel"; export const SegmentedControlItem = (_: SegmentedControlItemProps) => { return null; }; SegmentedControlItem.displayName = "SegmentedControlItem"; export const SegmentedControl = ({ value: valueProp, defaultValue, onValueChange, disabled = false, className, children, }: SegmentedControlProps) => { const primaryColor = useCSSVariable("--color-primary") as string; const items = extractSegmentedControlItems(children); const [internalValue, setInternalValue] = useState( defaultValue ?? items.at(0)?.value ?? "" ); const isControlled = valueProp !== undefined; const value = isControlled ? valueProp : internalValue; const handleValueChange = (nextValue: string) => { if (!isControlled) { setInternalValue(nextValue); } onValueChange?.(nextValue); }; const modifiers = useMemo(() => { const next: ModifierConfig[] = [ pickerStyle("segmented"), tint(primaryColor), ]; if (disabled) { next.push(disabledModifier(true)); } return next; }, [disabled, primaryColor]); return ( { handleValueChange(String(selection)); }} selection={value} > {items.map((item) => ( {item.label} ))} ); }; 56:Tb20,import { Host as HostPrimitive, SegmentedButton, SingleChoiceSegmentedButtonRow, Text, } from "@expo/ui/jetpack-compose"; import { height } from "@expo/ui/jetpack-compose/modifiers"; import { useState } from "react"; import { useCSSVariable, withUniwind } from "uniwind"; import { cn } from "@/lib/utils"; import type { SegmentedControlItemLabelProps, SegmentedControlItemProps, SegmentedControlProps, } from "./segmented-control-types"; import { extractSegmentedControlItems } from "./segmented-control-utils"; const StyledHost = withUniwind(HostPrimitive); export const SegmentedControlItemLabel = ( _: SegmentedControlItemLabelProps ) => { return null; }; SegmentedControlItemLabel.displayName = "SegmentedControlItemLabel"; export const SegmentedControlItem = (_: SegmentedControlItemProps) => { return null; }; SegmentedControlItem.displayName = "SegmentedControlItem"; export const SegmentedControl = ({ value: valueProp, defaultValue, onValueChange, disabled = false, className, children, }: SegmentedControlProps) => { const primaryColor = useCSSVariable("--color-primary") as string; const primaryForegroundColor = useCSSVariable( "--color-primary-foreground" ) as string; const foregroundColor = useCSSVariable("--color-foreground") as string; const mutedForegroundColor = useCSSVariable( "--color-muted-foreground" ) as string; const items = extractSegmentedControlItems(children); const [internalValue, setInternalValue] = useState( defaultValue ?? items.at(0)?.value ?? "" ); const isControlled = valueProp !== undefined; const value = isControlled ? valueProp : internalValue; const handleValueChange = (nextValue: string) => { if (!isControlled) { setInternalValue(nextValue); } onValueChange?.(nextValue); }; return ( {items.map((item) => ( { handleValueChange(item.value); }} selected={item.value === value} > {item.label} ))} ); }; 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@expo/ui",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40expo%2Fui","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@expo/ui"}]]}]}]]}],["$","$L52",null,{"namespace":"@tetra-ui","registryDependencies":[]}]]}],null]}],["$","$L53",null,{"files":[{"path":"ui/segmented-control/index.ts","content":"export * from \"./segmented-control\";\nexport type {\n SegmentedControlItemLabelProps,\n SegmentedControlItemProps,\n SegmentedControlProps,\n} from \"./segmented-control-types\";\n","type":"registry:ui","target":"@ui/segmented-control/index.ts"},{"path":"ui/segmented-control/segmented-control-types.ts","content":"export type SegmentedControlProps = {\n value?: string;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n disabled?: boolean;\n className?: string;\n children: React.ReactNode;\n};\n\nexport type SegmentedControlItemProps = {\n value: string;\n children: React.ReactElement | React.ReactElement[];\n};\n\nexport type SegmentedControlItemLabelProps = {\n children: string;\n};\n\nexport type SegmentedControlItemData = {\n value: string;\n label: string;\n};\n","type":"registry:ui","target":"@ui/segmented-control/segmented-control-types.ts"},{"path":"ui/segmented-control/segmented-control-utils.ts","content":"$54","type":"registry:ui","target":"@ui/segmented-control/segmented-control-utils.ts"},{"path":"ui/segmented-control/segmented-control.tsx","content":"import type {\n SegmentedControlItemLabelProps,\n SegmentedControlItemProps,\n SegmentedControlProps,\n} from \"./segmented-control-types\";\n\nexport const SegmentedControlItemLabel = (\n _: SegmentedControlItemLabelProps\n) => {\n return null;\n};\n\nSegmentedControlItemLabel.displayName = \"SegmentedControlItemLabel\";\n\nexport const SegmentedControlItem = (_: SegmentedControlItemProps) => {\n return null;\n};\n\nSegmentedControlItem.displayName = \"SegmentedControlItem\";\n\nexport const SegmentedControl = (_: SegmentedControlProps) => {\n return null;\n};\n","type":"registry:ui","target":"@ui/segmented-control/segmented-control.tsx"},{"path":"ui/segmented-control/segmented-control.ios.tsx","content":"$55","type":"registry:ui","target":"@ui/segmented-control/segmented-control.ios.tsx"},{"path":"ui/segmented-control/segmented-control.android.tsx","content":"$56","type":"registry:ui","target":"@ui/segmented-control/segmented-control.android.tsx"}],"className":"h-[70svh] min-h-80"}]]}]