export const sliderRangeDefinition = {
  base: {
    identity: { id: "editable-sliders", title: "Editable sliders" },
    canvas: { enabled: true },
    panels: { controls: { title: "Controls", sections: [{ id: "shape", title: "Shape", controls: {
      radius: { type: "slider", target: "shape.radius", label: "Radius", defaultValue: 20, min: 0, max: 20, step: 1, editableRange: { hardMin: 0 }, applicability: { mode: "always" } },
      band: { type: "rangeSlider", target: "shape.band", label: "Band", defaultValue: [0, 20], min: 0, max: 20, step: 1, editableRange: { hardMin: 0, hardMax: 1000 }, applicability: { mode: "always" } },
      position: { type: "rangeSlider", target: "shape.position", label: "Position", defaultValue: [0, 20], min: 0, max: 20, step: 1, editableRange: {}, applicability: { mode: "always" } },
      fixed: { type: "slider", target: "shape.fixed", label: "Fixed", defaultValue: 10, min: 0, max: 20, step: 1, applicability: { mode: "always" } },
    } }] } },
  }, modules: [],
} as const;