Item {{add index 1}}

</InputGroup>
                    <InputGroup @name="Weight" @wrapperClass="col-span-2">
                        <div class="grid grid-cols-3 gap-2">
                            <Input @value={{entity.weight}} @type="number" class="form-input w-full col-span-2" placeholder="0.00" />
                            <Select class="w-full" @options={{this.weightUnits}} @value={{entity.weight_unit}} @onSelect={{fn this.setEntityValue index "weight_unit"}} />
                        </div>
                    </InputGroup>
                    <InputGroup @name="Dimensions" @wrapperClass="col-span-2">
                        <div class="grid grid-cols-4 gap-2">
                            <Input @value={{entity.length}} @type="number" class="form-input w-full" placeholder="Length" />
                            <Input @value={{entity.width}} @type="number" class="form-input w-full" placeholder="Width" />
                            <Input @value={{entity.height}} @type="number" class="form-input w-full" placeholder="Height" />
                            <Select class="w-full" @options={{this.dimensionUnits}} @value={{entity.dimensions_unit}} @onSelect={{fn this.setEntityValue index "dimensions_unit"}} />
                        </div>
                    </InputGroup>
                </div>
            </div>
        {{else}}
            <div class="portal-empty-state compact">
                <div class="portal-empty-state-title">No items added</div>
                <p>Add items when the carrier needs package details, dimensions, or references.</p>
            </div>
        {{/each}}
    </div>
</ContentPanel>