@lattice-ui/combobox 0.4.4 → 0.5.0-next.2

package/default.project.json

@@ -0,0 +1,9 @@
+{
+  "name": "combobox",
+  "tree": {
+    "$path": "out",
+    "out": {
+      "$path": "out"
+    }
+  }
+}

package/out/Combobox/ComboboxContent.d.ts

@@ -1,3 +1,3 @@
 import { React } from "@lattice-ui/core";
 import type { ComboboxContentProps } from "./types";
-export declare function ComboboxContent(props: ComboboxContentProps): React.JSX.Element | undefined;
+export declare function ComboboxContent(props: ComboboxContentProps): React.JSX.Element;

package/out/Combobox/ComboboxContent.luau

@@ -1,13 +1,23 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local _core = TS.import(script, TS.getModule(script, "@lattice-ui", "core").out)
+local composeRefs = _core.composeRefs
+local getElementRef = _core.getElementRef
 local React = _core.React
-local Slot = _core.Slot
 local _layer = TS.import(script, TS.getModule(script, "@lattice-ui", "layer").out)
 local DismissableLayer = _layer.DismissableLayer
 local Presence = _layer.Presence
+local _motion = TS.import(script, TS.getModule(script, "@lattice-ui", "motion").out)
+local createCanvasGroupPopperEntranceRecipe = _motion.createCanvasGroupPopperEntranceRecipe
+local usePresenceMotionController = _motion.usePresenceMotionController
 local usePopper = TS.import(script, TS.getModule(script, "@lattice-ui", "popper").out).usePopper
 local useComboboxContext = TS.import(script, script.Parent, "context").useComboboxContext
+local CONTENT_OFFSET = 6
+local HIDDEN_POSITION = UDim2.fromOffset(-9999, -9999)
+local function toGuiPropBag(value)
+	local _value = value
+	return if type(_value) == "table" then value else {}
+end
 local function toGuiObject(instance)
 	if not instance or not instance:IsA("GuiObject") then
 		return nil
@@ -16,83 +26,113 @@ local function toGuiObject(instance)
 end
 local function ComboboxContentImpl(props)
 	local comboboxContext = useComboboxContext()
+	local open = comboboxContext.open
+	local shouldMeasure = open or props.motionPresent or props.onExitComplete ~= nil
 	local popper = usePopper({
 		anchorRef = comboboxContext.anchorRef,
 		contentRef = comboboxContext.contentRef,
 		placement = props.placement,
 		offset = props.offset,
 		padding = props.padding,
-		enabled = props.enabled,
+		enabled = shouldMeasure,
+	})
+	local defaultTransition = React.useMemo(function()
+		return createCanvasGroupPopperEntranceRecipe(popper.placement, CONTENT_OFFSET)
+	end, { popper.placement })
+	local recipe = props.transition or defaultTransition
+	local motion = usePresenceMotionController({
+		present = props.motionPresent,
+		ready = popper.isPositioned,
+		forceMount = props.forceMount,
+		config = recipe,
+		onExitComplete = props.onExitComplete,
 	})
 	local setContentRef = React.useCallback(function(instance)
-		comboboxContext.contentRef.current = toGuiObject(instance)
-	end, { comboboxContext.contentRef })
+		local guiObject = toGuiObject(instance)
+		comboboxContext.contentRef.current = guiObject
+		motion.ref.current = guiObject
+	end, { comboboxContext.contentRef, motion.ref })
+	local handleDismiss = React.useCallback(function()
+		comboboxContext.setOpen(false)
+	end, { comboboxContext })
+	local shouldRender = motion.mounted
+	local contentVisible = shouldRender and (motion.present or motion.phase ~= "exited")
+	local popperPosition = if popper.isPositioned then popper.position else HIDDEN_POSITION
 	local contentNode = if props.asChild then ((function()
 		local child = props.children
 		if not React.isValidElement(child) then
 			error("[ComboboxContent] `asChild` requires a child element.")
 		end
-		return React.createElement(Slot, {
-			AnchorPoint = popper.anchorPoint,
-			Position = popper.position,
-			Visible = props.visible,
+		local childProps = toGuiPropBag(child.props)
+		local childRef = getElementRef(child)
+		local _exp = child
+		local _object = table.clone(childProps)
+		setmetatable(_object, nil)
+		_object.Position = UDim2.fromOffset(0, 0)
+		_object.Visible = contentVisible
+		_object.ref = composeRefs(childRef)
+		return React.createElement("canvasgroup", {
+			AutomaticSize = Enum.AutomaticSize.XY,
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+			Size = UDim2.fromOffset(0, 0),
+			Visible = contentVisible,
 			ref = setContentRef,
-		}, child)
-	end)()) else (React.createElement("frame", {
-		AnchorPoint = popper.anchorPoint,
+		}, React.cloneElement(_exp, _object))
+	end)()) else (React.createElement("canvasgroup", {
+		AutomaticSize = Enum.AutomaticSize.XY,
 		BackgroundTransparency = 1,
 		BorderSizePixel = 0,
-		Position = popper.position,
 		Size = UDim2.fromOffset(0, 0),
-		Visible = props.visible,
+		Visible = contentVisible,
 		ref = setContentRef,
 	}, props.children))
 	return React.createElement(DismissableLayer, {
-		enabled = props.enabled,
+		enabled = open,
 		insideRefs = { comboboxContext.triggerRef, comboboxContext.inputRef },
 		modal = false,
-		onDismiss = props.onDismiss,
+		onDismiss = handleDismiss,
 		onInteractOutside = props.onInteractOutside,
 		onPointerDownOutside = props.onPointerDownOutside,
-	}, contentNode)
+	}, React.createElement("frame", {
+		AnchorPoint = popper.anchorPoint,
+		BackgroundTransparency = 1,
+		BorderSizePixel = 0,
+		Position = popperPosition,
+		Size = UDim2.fromOffset(0, 0),
+		Visible = shouldRender,
+	}, contentNode))
 end
 local function ComboboxContent(props)
 	local comboboxContext = useComboboxContext()
 	local open = comboboxContext.open
-	local forceMount = props.forceMount == true
-	local handleDismiss = React.useCallback(function()
-		comboboxContext.setOpen(false)
-	end, { comboboxContext })
-	if not open and not forceMount then
-		return nil
-	end
-	if forceMount then
+	if props.forceMount then
 		return React.createElement(ComboboxContentImpl, {
 			asChild = props.asChild,
-			enabled = open,
+			forceMount = props.forceMount,
+			motionPresent = open,
 			offset = props.offset,
-			onDismiss = handleDismiss,
 			onInteractOutside = props.onInteractOutside,
 			onPointerDownOutside = props.onPointerDownOutside,
 			padding = props.padding,
 			placement = props.placement,
-			visible = open,
+			transition = props.transition,
 		}, props.children)
 	end
 	return React.createElement(Presence, {
-		exitFallbackMs = 0,
 		present = open,
 		render = function(state)
 			return React.createElement(ComboboxContentImpl, {
 				asChild = props.asChild,
-				enabled = state.isPresent,
+				forceMount = props.forceMount,
+				motionPresent = state.isPresent,
 				offset = props.offset,
-				onDismiss = handleDismiss,
+				onExitComplete = state.onExitComplete,
 				onInteractOutside = props.onInteractOutside,
 				onPointerDownOutside = props.onPointerDownOutside,
 				padding = props.padding,
 				placement = props.placement,
-				visible = state.isPresent,
+				transition = props.transition,
 			}, props.children)
 		end,
 	})

package/out/Combobox/ComboboxInput.luau

@@ -26,13 +26,15 @@ local function ComboboxInput(props)
 			comboboxContext.anchorRef.current = comboboxContext.triggerRef.current
 		end
 	end, { comboboxContext.anchorRef, comboboxContext.inputRef, comboboxContext.triggerRef })
+	local lastInputValueRef = React.useRef(comboboxContext.inputValue)
+	lastInputValueRef.current = comboboxContext.inputValue
 	local handleTextChanged = React.useCallback(function(textBox)
-		if textBox.Text == comboboxContext.inputValue then
+		if textBox.Text == lastInputValueRef.current then
 			return nil
 		end
 		if disabled or readOnly then
-			if textBox.Text ~= comboboxContext.inputValue then
-				textBox.Text = comboboxContext.inputValue
+			if textBox.Text ~= lastInputValueRef.current then
+				textBox.Text = lastInputValueRef.current
 			end
 			return nil
 		end

package/out/Combobox/ComboboxItem.luau

@@ -38,8 +38,9 @@ local function ComboboxItem(props)
 		nextItemOrder += 1
 		itemOrderRef.current = nextItemOrder
 	end
+	local registerItem = comboboxContext.registerItem
 	React.useEffect(function()
-		return comboboxContext.registerItem({
+		return registerItem({
 			id = itemIdRef.current,
 			value = props.value,
 			order = itemOrderRef.current,
@@ -50,7 +51,7 @@ local function ComboboxItem(props)
 				return textValueRef.current
 			end,
 		})
-	end, { comboboxContext, props.value })
+	end, { registerItem, props.value })
 	local handleSelect = React.useCallback(function()
 		if interactionDisabled then
 			return nil

package/out/Combobox/ComboboxRoot.luau

@@ -86,6 +86,21 @@ local function ComboboxRoot(props)
 	local itemTextCacheRef = React.useRef({})
 	local registryRevision, setRegistryRevision = React.useState(0)
 	local registerItem = React.useCallback(function(item)
+		local _exp = itemEntriesRef.current
+		-- ▼ ReadonlyArray.filter ▼
+		local _newValue = {}
+		local _callback = function(entry)
+			return entry.id ~= item.id
+		end
+		local _length = 0
+		for _k, _v in _exp do
+			if _callback(_v, _k - 1, _exp) == true then
+				_length += 1
+				_newValue[_length] = _v
+			end
+		end
+		-- ▲ ReadonlyArray.filter ▲
+		itemEntriesRef.current = _newValue
 		local _current = itemEntriesRef.current
 		local _item = item
 		table.insert(_current, _item)
@@ -94,14 +109,14 @@ local function ComboboxRoot(props)
 			return revision + 1
 		end)
 		return function()
-			local _exp = itemEntriesRef.current
+			local _exp_1 = itemEntriesRef.current
 			-- ▼ ReadonlyArray.findIndex ▼
-			local _callback = function(entry)
+			local _callback_1 = function(entry)
 				return entry.id == item.id
 			end
 			local _result = -1
-			for _i, _v in _exp do
-				if _callback(_v, _i - 1, _exp) == true then
+			for _i, _v in _exp_1 do
+				if _callback_1(_v, _i - 1, _exp_1) == true then
 					_result = _i - 1
 					break
 				end
@@ -110,6 +125,7 @@ local function ComboboxRoot(props)
 			local index = _result
 			if index >= 0 then
 				table.remove(itemEntriesRef.current, index + 1)
+				itemTextCacheRef.current[item.value] = nil
 				setRegistryRevision(function(revision)
 					return revision + 1
 				end)

package/out/Combobox/logic.luau

@@ -23,11 +23,7 @@ local function resolveForcedComboboxValue(currentValue, options)
 		return nil
 	end
 	if currentValue == nil then
-		local _result = enabled[1]
-		if _result ~= nil then
-			_result = _result.value
-		end
-		return _result
+		return nil
 	end
 	-- ▼ ReadonlyArray.find ▼
 	local _callback_1 = function(option)

package/out/Combobox/types.d.ts

@@ -1,4 +1,5 @@
 import type { LayerInteractEvent } from "@lattice-ui/layer";
+import type { PresenceMotionConfig as MotionConfig } from "@lattice-ui/motion";
 import type { PopperPlacement } from "@lattice-ui/popper";
 import type React from "@rbxts/react";
 export type ComboboxFilterFn = (itemText: string, query: string) => boolean;
@@ -70,6 +71,7 @@ export type ComboboxPortalProps = {
     children?: React.ReactNode;
 };
 export type ComboboxContentProps = {
+    transition?: MotionConfig;
     asChild?: boolean;
     forceMount?: boolean;
     placement?: PopperPlacement;

package/package.json

@@ -1,13 +1,25 @@
 {
   "name": "@lattice-ui/combobox",
-  "version": "0.4.4",
+  "version": "0.5.0-next.2",
   "private": false,
   "main": "out/init.luau",
   "types": "out/index.d.ts",
+  "source": "src/index.ts",
+  "files": [
+    "default.project.json",
+    "out",
+    "src",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/astra-void/lattice-ui.git"
+  },
   "dependencies": {
-    "@lattice-ui/core": "0.4.4",
-    "@lattice-ui/popper": "0.4.4",
-    "@lattice-ui/layer": "0.4.4"
+    "@lattice-ui/core": "0.5.0-next.2",
+    "@lattice-ui/motion": "0.5.0-next.2",
+    "@lattice-ui/popper": "0.5.0-next.2",
+    "@lattice-ui/layer": "0.5.0-next.2"
   },
   "devDependencies": {
     "@rbxts/react": "17.3.7-ts.1",
@@ -19,6 +31,8 @@
   },
   "scripts": {
     "build": "rbxtsc -p tsconfig.json",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "typecheck": "tsc -p tsconfig.typecheck.json",
     "watch": "rbxtsc -p tsconfig.json -w"
   }

package/src/Combobox/ComboboxContent.tsx

@@ -1,29 +1,44 @@
-import { React, Slot } from "@lattice-ui/core";
+import { composeRefs, getElementRef, React } from "@lattice-ui/core";
+import type { LayerInteractEvent } from "@lattice-ui/layer";
 import { DismissableLayer, Presence } from "@lattice-ui/layer";
+import { createCanvasGroupPopperEntranceRecipe, usePresenceMotionController } from "@lattice-ui/motion";
+import type { PopperPlacement } from "@lattice-ui/popper";
 import { usePopper } from "@lattice-ui/popper";
 import { useComboboxContext } from "./context";
 import type { ComboboxContentProps } from "./types";
 
-type ComboboxContentImplProps = {
-  enabled: boolean;
-  visible: boolean;
-  onDismiss: () => void;
-  asChild?: boolean;
-  placement?: ComboboxContentProps["placement"];
-  offset?: ComboboxContentProps["offset"];
-  padding?: ComboboxContentProps["padding"];
-} & Pick<ComboboxContentProps, "children" | "onInteractOutside" | "onPointerDownOutside">;
+const CONTENT_OFFSET = 6;
+const HIDDEN_POSITION = UDim2.fromOffset(-9999, -9999);
+
+type GuiPropBag = React.Attributes & Record<string, unknown>;
+
+function toGuiPropBag(value: unknown): GuiPropBag {
+  return typeIs(value, "table") ? (value as GuiPropBag) : {};
+}
 
 function toGuiObject(instance: Instance | undefined) {
   if (!instance || !instance.IsA("GuiObject")) {
     return undefined;
   }
-
   return instance;
 }
 
-function ComboboxContentImpl(props: ComboboxContentImplProps) {
+function ComboboxContentImpl(props: {
+  motionPresent: boolean;
+  onExitComplete?: () => void;
+  placement?: PopperPlacement;
+  offset?: Vector2;
+  padding?: number;
+  forceMount?: boolean;
+  onPointerDownOutside?: (event: LayerInteractEvent) => void;
+  onInteractOutside?: (event: LayerInteractEvent) => void;
+  asChild?: boolean;
+  transition?: ComboboxContentProps["transition"];
+  children?: React.ReactNode;
+}) {
   const comboboxContext = useComboboxContext();
+  const open = comboboxContext.open;
+  const shouldMeasure = open || props.motionPresent || props.onExitComplete !== undefined;
 
   const popper = usePopper({
     anchorRef: comboboxContext.anchorRef,
@@ -31,16 +46,40 @@ function ComboboxContentImpl(props: ComboboxContentImplProps) {
     placement: props.placement,
     offset: props.offset,
     padding: props.padding,
-    enabled: props.enabled,
+    enabled: shouldMeasure,
+  });
+
+  const defaultTransition = React.useMemo(
+    () => createCanvasGroupPopperEntranceRecipe(popper.placement, CONTENT_OFFSET),
+    [popper.placement],
+  );
+  const recipe = props.transition ?? defaultTransition;
+
+  const motion = usePresenceMotionController<GuiObject>({
+    present: props.motionPresent,
+    ready: popper.isPositioned,
+    forceMount: props.forceMount,
+    config: recipe,
+    onExitComplete: props.onExitComplete,
   });
 
   const setContentRef = React.useCallback(
     (instance: Instance | undefined) => {
-      comboboxContext.contentRef.current = toGuiObject(instance);
+      const guiObject = toGuiObject(instance);
+      comboboxContext.contentRef.current = guiObject;
+      motion.ref.current = guiObject;
     },
-    [comboboxContext.contentRef],
+    [comboboxContext.contentRef, motion.ref],
   );
 
+  const handleDismiss = React.useCallback(() => {
+    comboboxContext.setOpen(false);
+  }, [comboboxContext]);
+
+  const shouldRender = motion.mounted;
+  const contentVisible = shouldRender && (motion.present || motion.phase !== "exited");
+  const popperPosition = popper.isPositioned ? popper.position : HIDDEN_POSITION;
+
   const contentNode = props.asChild ? (
     (() => {
       const child = props.children;
@@ -48,36 +87,59 @@ function ComboboxContentImpl(props: ComboboxContentImplProps) {
         error("[ComboboxContent] `asChild` requires a child element.");
       }
 
+      const childProps = toGuiPropBag((child as { props?: unknown }).props);
+      const childRef = getElementRef<Instance>(child);
+
       return (
-        <Slot AnchorPoint={popper.anchorPoint} Position={popper.position} Visible={props.visible} ref={setContentRef}>
-          {child}
-        </Slot>
+        <canvasgroup
+          AutomaticSize={Enum.AutomaticSize.XY}
+          BackgroundTransparency={1}
+          BorderSizePixel={0}
+          Size={UDim2.fromOffset(0, 0)}
+          Visible={contentVisible}
+          ref={setContentRef as React.Ref<CanvasGroup>}
+        >
+          {React.cloneElement(child as React.ReactElement<GuiPropBag>, {
+            ...childProps,
+            Position: UDim2.fromOffset(0, 0),
+            Visible: contentVisible,
+            ref: composeRefs(childRef),
+          })}
+        </canvasgroup>
       );
     })()
   ) : (
-    <frame
-      AnchorPoint={popper.anchorPoint}
+    <canvasgroup
+      AutomaticSize={Enum.AutomaticSize.XY}
       BackgroundTransparency={1}
       BorderSizePixel={0}
-      Position={popper.position}
       Size={UDim2.fromOffset(0, 0)}
-      Visible={props.visible}
+      Visible={contentVisible}
       ref={setContentRef}
     >
       {props.children}
-    </frame>
+    </canvasgroup>
   );
 
   return (
     <DismissableLayer
-      enabled={props.enabled}
+      enabled={open}
       insideRefs={[comboboxContext.triggerRef, comboboxContext.inputRef]}
       modal={false}
-      onDismiss={props.onDismiss}
+      onDismiss={handleDismiss}
       onInteractOutside={props.onInteractOutside}
       onPointerDownOutside={props.onPointerDownOutside}
     >
-      {contentNode}
+      <frame
+        AnchorPoint={popper.anchorPoint}
+        BackgroundTransparency={1}
+        BorderSizePixel={0}
+        Position={popperPosition}
+        Size={UDim2.fromOffset(0, 0)}
+        Visible={shouldRender}
+      >
+        {contentNode}
+      </frame>
     </DismissableLayer>
   );
 }
@@ -85,28 +147,19 @@ function ComboboxContentImpl(props: ComboboxContentImplProps) {
 export function ComboboxContent(props: ComboboxContentProps) {
   const comboboxContext = useComboboxContext();
   const open = comboboxContext.open;
-  const forceMount = props.forceMount === true;
-
-  const handleDismiss = React.useCallback(() => {
-    comboboxContext.setOpen(false);
-  }, [comboboxContext]);
-
-  if (!open && !forceMount) {
-    return undefined;
-  }
 
-  if (forceMount) {
+  if (props.forceMount) {
     return (
       <ComboboxContentImpl
         asChild={props.asChild}
-        enabled={open}
+        forceMount={props.forceMount}
+        motionPresent={open}
         offset={props.offset}
-        onDismiss={handleDismiss}
         onInteractOutside={props.onInteractOutside}
         onPointerDownOutside={props.onPointerDownOutside}
         padding={props.padding}
         placement={props.placement}
-        visible={open}
+        transition={props.transition}
       >
         {props.children}
       </ComboboxContentImpl>
@@ -115,19 +168,19 @@ export function ComboboxContent(props: ComboboxContentProps) {
 
   return (
     <Presence
-      exitFallbackMs={0}
       present={open}
       render={(state) => (
         <ComboboxContentImpl
           asChild={props.asChild}
-          enabled={state.isPresent}
+          forceMount={props.forceMount}
+          motionPresent={state.isPresent}
           offset={props.offset}
-          onDismiss={handleDismiss}
+          onExitComplete={state.onExitComplete}
           onInteractOutside={props.onInteractOutside}
           onPointerDownOutside={props.onPointerDownOutside}
           padding={props.padding}
           placement={props.placement}
-          visible={state.isPresent}
+          transition={props.transition}
         >
           {props.children}
         </ComboboxContentImpl>

package/src/Combobox/ComboboxInput.tsx

@@ -34,15 +34,18 @@ export function ComboboxInput(props: ComboboxInputProps) {
     [comboboxContext.anchorRef, comboboxContext.inputRef, comboboxContext.triggerRef],
   );
 
+  const lastInputValueRef = React.useRef(comboboxContext.inputValue);
+  lastInputValueRef.current = comboboxContext.inputValue;
+
   const handleTextChanged = React.useCallback(
     (textBox: TextBox) => {
-      if (textBox.Text === comboboxContext.inputValue) {
+      if (textBox.Text === lastInputValueRef.current) {
         return;
       }
 
       if (disabled || readOnly) {
-        if (textBox.Text !== comboboxContext.inputValue) {
-          textBox.Text = comboboxContext.inputValue;
+        if (textBox.Text !== lastInputValueRef.current) {
+          textBox.Text = lastInputValueRef.current;
         }
 
         return;

package/src/Combobox/ComboboxItem.tsx

@@ -35,15 +35,17 @@ export function ComboboxItem(props: ComboboxItemProps) {
     itemOrderRef.current = nextItemOrder;
   }
 
+  const registerItem = comboboxContext.registerItem;
+
   React.useEffect(() => {
-    return comboboxContext.registerItem({
+    return registerItem({
       id: itemIdRef.current,
       value: props.value,
       order: itemOrderRef.current,
       getDisabled: () => disabledRef.current,
       getTextValue: () => textValueRef.current,
     });
-  }, [comboboxContext, props.value]);
+  }, [registerItem, props.value]);
 
   const handleSelect = React.useCallback(() => {
     if (interactionDisabled) {

package/src/Combobox/ComboboxRoot.tsx

@@ -55,6 +55,7 @@ export function ComboboxRoot(props: ComboboxProps) {
   const [registryRevision, setRegistryRevision] = React.useState(0);
 
   const registerItem = React.useCallback((item: ComboboxItemRegistration) => {
+    itemEntriesRef.current = itemEntriesRef.current.filter((entry) => entry.id !== item.id);
     itemEntriesRef.current.push(item);
     itemTextCacheRef.current[item.value] = item.getTextValue();
     setRegistryRevision((revision) => revision + 1);
@@ -63,6 +64,7 @@ export function ComboboxRoot(props: ComboboxProps) {
       const index = itemEntriesRef.current.findIndex((entry) => entry.id === item.id);
       if (index >= 0) {
         itemEntriesRef.current.remove(index);
+        delete itemTextCacheRef.current[item.value];
         setRegistryRevision((revision) => revision + 1);
       }
     };

package/src/Combobox/logic.ts

@@ -19,7 +19,7 @@ export function resolveForcedComboboxValue(currentValue: string | undefined, opt
   }
 
   if (currentValue === undefined) {
-    return enabled[0]?.value;
+    return undefined;
   }
 
   const selected = enabled.find((option) => option.value === currentValue);

package/src/Combobox/types.ts

@@ -1,4 +1,5 @@
 import type { LayerInteractEvent } from "@lattice-ui/layer";
+import type { PresenceMotionConfig as MotionConfig } from "@lattice-ui/motion";
 import type { PopperPlacement } from "@lattice-ui/popper";
 import type React from "@rbxts/react";
 
@@ -80,6 +81,7 @@ export type ComboboxPortalProps = {
 };
 
 export type ComboboxContentProps = {
+  transition?: MotionConfig;
   asChild?: boolean;
   forceMount?: boolean;
   placement?: PopperPlacement;

package/.turbo/turbo-build.log

@@ -1,4 +0,0 @@
-
-> @lattice-ui/combobox@0.4.4 build C:\Users\retur\OneDrive\Desktop\Workspace\rojo\lattice-ui\packages\combobox
-> rbxtsc -p tsconfig.json
-

package/.turbo/turbo-typecheck.log

@@ -1,4 +0,0 @@
-
-> @lattice-ui/combobox@0.4.4 typecheck C:\Users\retur\OneDrive\Desktop\Workspace\rojo\lattice-ui\packages\combobox
-> tsc -p tsconfig.typecheck.json
-

package/tsconfig.json

@@ -1,16 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "rootDir": "src",
-    "outDir": "out",
-    "declaration": true,
-    "typeRoots": [
-      "./node_modules/@rbxts",
-      "../../node_modules/@rbxts",
-      "./node_modules/@lattice-ui",
-      "../../node_modules/@lattice-ui"
-    ],
-    "types": ["types", "compiler-types"]
-  },
-  "include": ["src"]
-}

package/tsconfig.typecheck.json

@@ -1,35 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "noEmit": true,
-    "baseUrl": "..",
-    "rootDir": "..",
-    "paths": {
-      "@lattice-ui/accordion": ["accordion/src/index.ts"],
-      "@lattice-ui/avatar": ["avatar/src/index.ts"],
-      "@lattice-ui/checkbox": ["checkbox/src/index.ts"],
-      "@lattice-ui/combobox": ["combobox/src/index.ts"],
-      "@lattice-ui/core": ["core/src/index.ts"],
-      "@lattice-ui/dialog": ["dialog/src/index.ts"],
-      "@lattice-ui/focus": ["focus/src/index.ts"],
-      "@lattice-ui/layer": ["layer/src/index.ts"],
-      "@lattice-ui/menu": ["menu/src/index.ts"],
-      "@lattice-ui/popover": ["popover/src/index.ts"],
-      "@lattice-ui/popper": ["popper/src/index.ts"],
-      "@lattice-ui/progress": ["progress/src/index.ts"],
-      "@lattice-ui/radio-group": ["radio-group/src/index.ts"],
-      "@lattice-ui/scroll-area": ["scroll-area/src/index.ts"],
-      "@lattice-ui/select": ["select/src/index.ts"],
-      "@lattice-ui/slider": ["slider/src/index.ts"],
-      "@lattice-ui/style": ["style/src/index.ts"],
-      "@lattice-ui/switch": ["switch/src/index.ts"],
-      "@lattice-ui/system": ["system/src/index.ts"],
-      "@lattice-ui/tabs": ["tabs/src/index.ts"],
-      "@lattice-ui/text-field": ["text-field/src/index.ts"],
-      "@lattice-ui/textarea": ["textarea/src/index.ts"],
-      "@lattice-ui/toast": ["toast/src/index.ts"],
-      "@lattice-ui/toggle-group": ["toggle-group/src/index.ts"],
-      "@lattice-ui/tooltip": ["tooltip/src/index.ts"]
-    }
-  }
-}