@frontify/fondue-components 29.0.1 → 29.2.0

package/dist/fondue-components89.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components89.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"fondue-components89.js","sources":["../../../node_modules/.pnpm/@dnd-kit+dom@0.3.2/node_modules/@dnd-kit/dom/sortable.js"],"sourcesContent":["import { WeakStore, effect, batch, untracked, reactive } from '@dnd-kit/state';\nimport { closestCorners, defaultCollisionDetection } from '@dnd-kit/collision';\nimport { Scroller, Draggable, Droppable } from '@dnd-kit/dom';\nimport { isKeyboardEvent, DOMRectangle, getVisibleBoundingRectangle, scrollIntoViewIfNeeded, getComputedStyles, computeTranslate, prefersReducedMotion, getWindow, animateTransform, ProxiedElements } from '@dnd-kit/dom/utilities';\nimport { Plugin } from '@dnd-kit/abstract';\nimport { Rectangle } from '@dnd-kit/geometry';\n\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for(\"Symbol.\" + name);\nvar __typeError = (msg) => {\n  throw TypeError(msg);\n};\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n  var target = {};\n  for (var prop in source)\n    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n      target[prop] = source[prop];\n  if (source != null && __getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(source)) {\n      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n        target[prop] = source[prop];\n    }\n  return target;\n};\nvar __decoratorStart = (base) => {\n  var _a;\n  return [, , , __create((_a = void 0 ) != null ? _a : null)];\n};\nvar __decoratorStrings = [\"class\", \"method\", \"getter\", \"setter\", \"accessor\", \"field\", \"value\", \"get\", \"set\"];\nvar __expectFn = (fn) => fn !== void 0 && typeof fn !== \"function\" ? __typeError(\"Function expected\") : fn;\nvar __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError(\"Already initialized\") : fns.push(__expectFn(fn || null)) });\nvar __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol(\"metadata\"), array[3]);\nvar __runInitializers = (array, flags, self, value) => {\n  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);\n  return value;\n};\nvar __decorateElement = (array, flags, name, decorators, target, extra) => {\n  var fn, it, done, ctx, access, k = flags & 7, s = false, p = false;\n  var j = array.length + 1 , key = __decoratorStrings[k + 5];\n  var initializers = (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);\n  var desc = ((target = target.prototype), __getOwnPropDesc({ get [name]() {\n    return __privateGet(this, extra);\n  }, set [name](x) {\n    return __privateSet(this, extra, x);\n  } }, name));\n  for (var i = decorators.length - 1; i >= 0; i--) {\n    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);\n    {\n      ctx.static = s, ctx.private = p, access = ctx.access = { has: (x) => name in x };\n      access.get = (x) => x[name];\n      access.set = (x, y) => x[name] = y;\n    }\n    it = (0, decorators[i])({ get: desc.get, set: desc.set } , ctx), done._ = 1;\n    if (it === void 0) __expectFn(it) && (desc[key] = it );\n    else if (typeof it !== \"object\" || it === null) __typeError(\"Object expected\");\n    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);\n  }\n  return desc && __defProp(target, name, desc), target;\n};\nvar __accessCheck = (obj, member, msg) => member.has(obj) || __typeError(\"Cannot \" + msg);\nvar __privateGet = (obj, member, getter) => (__accessCheck(obj, member, \"read from private field\"), member.get(obj));\nvar __privateAdd = (obj, member, value) => member.has(obj) ? __typeError(\"Cannot add the same private member more than once\") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);\nvar __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, \"write to private field\"), member.set(obj, value), value);\n\n// src/sortable/utilities.ts\nfunction isSortable(element) {\n  return element instanceof SortableDroppable || element instanceof SortableDraggable;\n}\nfunction isSortableOperation(operation) {\n  return isSortable(operation.source) && isSortable(operation.target);\n}\n\n// src/sortable/plugins/SortableKeyboardPlugin.ts\nvar TOLERANCE = 10;\nvar SortableKeyboardPlugin = class extends Plugin {\n  constructor(manager) {\n    super(manager);\n    const cleanupEffect = effect(() => {\n      const { dragOperation } = manager;\n      if (!isKeyboardEvent(dragOperation.activatorEvent)) {\n        return;\n      }\n      if (!isSortable(dragOperation.source)) {\n        return;\n      }\n      if (dragOperation.status.initialized) {\n        const scroller = manager.registry.plugins.get(Scroller);\n        if (scroller) {\n          scroller.disable();\n          return () => scroller.enable();\n        }\n      }\n    });\n    const unsubscribe = manager.monitor.addEventListener(\n      \"dragmove\",\n      (event, manager2) => {\n        queueMicrotask(() => {\n          if (this.disabled || event.defaultPrevented || !event.nativeEvent) {\n            return;\n          }\n          const { dragOperation } = manager2;\n          if (!isKeyboardEvent(event.nativeEvent)) {\n            return;\n          }\n          if (!isSortable(dragOperation.source)) {\n            return;\n          }\n          if (!dragOperation.shape) {\n            return;\n          }\n          const { actions, collisionObserver, registry } = manager2;\n          const { by } = event;\n          if (!by) {\n            return;\n          }\n          const direction = getDirection(by);\n          const { source, target } = dragOperation;\n          const { center } = dragOperation.shape.current;\n          const potentialTargets = [];\n          const cleanup = [];\n          batch(() => {\n            for (const droppable of registry.droppables) {\n              const { id: id2 } = droppable;\n              if (!droppable.accepts(source) || id2 === (target == null ? void 0 : target.id) && isSortable(droppable) || !droppable.element) {\n                continue;\n              }\n              let previousShape = droppable.shape;\n              const shape = new DOMRectangle(droppable.element, {\n                getBoundingClientRect: (element) => getVisibleBoundingRectangle(element, void 0, 0.2)\n              });\n              if (!shape.height || !shape.width) continue;\n              if (direction == \"down\" && center.y + TOLERANCE < shape.center.y || direction == \"up\" && center.y - TOLERANCE > shape.center.y || direction == \"left\" && center.x - TOLERANCE > shape.center.x || direction == \"right\" && center.x + TOLERANCE < shape.center.x) {\n                potentialTargets.push(droppable);\n                droppable.shape = shape;\n                cleanup.push(() => droppable.shape = previousShape);\n              }\n            }\n          });\n          event.preventDefault();\n          collisionObserver.disable();\n          const collisions = collisionObserver.computeCollisions(\n            potentialTargets,\n            closestCorners\n          );\n          batch(() => cleanup.forEach((clean) => clean()));\n          const [firstCollision] = collisions;\n          if (!firstCollision) {\n            return;\n          }\n          const { id } = firstCollision;\n          const { index, group } = source.sortable;\n          actions.setDropTarget(id).then(() => {\n            const { source: source2, target: target2, shape } = dragOperation;\n            if (!source2 || !isSortable(source2) || !shape) {\n              return;\n            }\n            const {\n              index: newIndex,\n              group: newGroup,\n              target: targetElement\n            } = source2.sortable;\n            const updated = index !== newIndex || group !== newGroup;\n            const element = updated ? targetElement : target2 == null ? void 0 : target2.element;\n            if (!element) return;\n            scrollIntoViewIfNeeded(element);\n            const updatedShape = new DOMRectangle(element);\n            if (!updatedShape) {\n              return;\n            }\n            const delta = Rectangle.delta(\n              updatedShape,\n              Rectangle.from(shape.current.boundingRectangle),\n              source2.alignment\n            );\n            actions.move({\n              by: delta\n            });\n            if (updated) {\n              actions.setDropTarget(source2.id).then(() => collisionObserver.enable());\n            } else {\n              collisionObserver.enable();\n            }\n          });\n        });\n      }\n    );\n    this.destroy = () => {\n      unsubscribe();\n      cleanupEffect();\n    };\n  }\n};\nfunction getDirection(delta) {\n  const { x, y } = delta;\n  if (x > 0) {\n    return \"right\";\n  } else if (x < 0) {\n    return \"left\";\n  } else if (y > 0) {\n    return \"down\";\n  } else if (y < 0) {\n    return \"up\";\n  }\n}\n\n// ../helpers/dist/index.js\nvar __defProp2 = Object.defineProperty;\nvar __defProps2 = Object.defineProperties;\nvar __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols2 = Object.getOwnPropertySymbols;\nvar __hasOwnProp2 = Object.prototype.hasOwnProperty;\nvar __propIsEnum2 = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues2 = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp2.call(b, prop))\n      __defNormalProp2(a, prop, b[prop]);\n  if (__getOwnPropSymbols2)\n    for (var prop of __getOwnPropSymbols2(b)) {\n      if (__propIsEnum2.call(b, prop))\n        __defNormalProp2(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));\nfunction arrayMove(array, from, to) {\n  if (from === to) {\n    return array;\n  }\n  const newArray = array.slice();\n  newArray.splice(to, 0, newArray.splice(from, 1)[0]);\n  return newArray;\n}\nfunction hasSortableIndices(source) {\n  return \"initialIndex\" in source && typeof source.initialIndex === \"number\" && \"index\" in source && typeof source.index === \"number\";\n}\nfunction mutate(items, event, mutation) {\n  var _a, _b, _c;\n  const { source, target, canceled } = event.operation;\n  if (!source || !target || canceled) {\n    if (\"preventDefault\" in event) event.preventDefault();\n    return items;\n  }\n  const findIndex = (item, id) => item === id || typeof item === \"object\" && \"id\" in item && item.id === id;\n  if (Array.isArray(items)) {\n    const sourceIndex2 = items.findIndex((item) => findIndex(item, source.id));\n    const targetIndex2 = items.findIndex((item) => findIndex(item, target.id));\n    if (sourceIndex2 === -1 || targetIndex2 === -1) {\n      if (hasSortableIndices(source)) {\n        const from = source.initialIndex;\n        const to = source.index;\n        if (from === to || from < 0 || from >= items.length) {\n          if (\"preventDefault\" in event) event.preventDefault();\n          return items;\n        }\n        return mutation(items, from, to);\n      }\n      return items;\n    }\n    if (!canceled && \"index\" in source && typeof source.index === \"number\") {\n      const projectedSourceIndex = source.index;\n      if (projectedSourceIndex !== sourceIndex2) {\n        return mutation(items, sourceIndex2, projectedSourceIndex);\n      }\n    }\n    return mutation(items, sourceIndex2, targetIndex2);\n  }\n  const entries = Object.entries(items);\n  let sourceIndex = -1;\n  let sourceParent;\n  let targetIndex = -1;\n  let targetParent;\n  for (const [id, children] of entries) {\n    if (sourceIndex === -1) {\n      sourceIndex = children.findIndex((item) => findIndex(item, source.id));\n      if (sourceIndex !== -1) {\n        sourceParent = id;\n      }\n    }\n    if (targetIndex === -1) {\n      targetIndex = children.findIndex((item) => findIndex(item, target.id));\n      if (targetIndex !== -1) {\n        targetParent = id;\n      }\n    }\n    if (sourceIndex !== -1 && targetIndex !== -1) {\n      break;\n    }\n  }\n  if (sourceIndex === -1 && hasSortableIndices(source)) {\n    const srcParent = source.initialGroup;\n    const srcIndex = source.initialIndex;\n    const tgtParent = source.group;\n    const tgtIndex = source.index;\n    if (srcParent == null || tgtParent == null || !(srcParent in items) || !(tgtParent in items)) {\n      if (\"preventDefault\" in event) event.preventDefault();\n      return items;\n    }\n    if (srcParent === tgtParent && srcIndex === tgtIndex) {\n      if (\"preventDefault\" in event) event.preventDefault();\n      return items;\n    }\n    if (srcParent === tgtParent) {\n      return __spreadProps2(__spreadValues2({}, items), {\n        [srcParent]: mutation(items[srcParent], srcIndex, tgtIndex)\n      });\n    }\n    const sourceItem2 = items[srcParent][srcIndex];\n    return __spreadProps2(__spreadValues2({}, items), {\n      [srcParent]: [\n        ...items[srcParent].slice(0, srcIndex),\n        ...items[srcParent].slice(srcIndex + 1)\n      ],\n      [tgtParent]: [\n        ...items[tgtParent].slice(0, tgtIndex),\n        sourceItem2,\n        ...items[tgtParent].slice(tgtIndex)\n      ]\n    });\n  }\n  if (!source.manager) return items;\n  const { dragOperation } = source.manager;\n  const position = (_b = (_a = dragOperation.shape) == null ? void 0 : _a.current.center) != null ? _b : dragOperation.position.current;\n  if (targetParent == null) {\n    if (target.id in items) {\n      const insertionIndex = target.shape && position.y > target.shape.center.y ? items[target.id].length : 0;\n      targetParent = target.id;\n      targetIndex = insertionIndex;\n    }\n  }\n  if (sourceParent == null || targetParent == null || sourceParent === targetParent && sourceIndex === targetIndex) {\n    if (sourceParent != null && sourceParent === targetParent && sourceIndex === targetIndex && hasSortableIndices(source)) {\n      const hasGroupChanged = source.group != null && source.group !== sourceParent;\n      const hasIndexChanged = source.index !== sourceIndex;\n      if (hasGroupChanged || hasIndexChanged) {\n        const reconciledTargetParent = (_c = source.group) != null ? _c : sourceParent;\n        if (reconciledTargetParent in items) {\n          if (sourceParent === reconciledTargetParent) {\n            return __spreadProps2(__spreadValues2({}, items), {\n              [sourceParent]: mutation(\n                items[sourceParent],\n                sourceIndex,\n                source.index\n              )\n            });\n          }\n          const sourceItem2 = items[sourceParent][sourceIndex];\n          return __spreadProps2(__spreadValues2({}, items), {\n            [sourceParent]: [\n              ...items[sourceParent].slice(0, sourceIndex),\n              ...items[sourceParent].slice(sourceIndex + 1)\n            ],\n            [reconciledTargetParent]: [\n              ...items[reconciledTargetParent].slice(0, source.index),\n              sourceItem2,\n              ...items[reconciledTargetParent].slice(source.index)\n            ]\n          });\n        }\n      }\n    }\n    if (\"preventDefault\" in event) event.preventDefault();\n    return items;\n  }\n  if (sourceParent === targetParent) {\n    return __spreadProps2(__spreadValues2({}, items), {\n      [sourceParent]: mutation(items[sourceParent], sourceIndex, targetIndex)\n    });\n  }\n  const isBelowTarget = target.shape && Math.round(position.y) > Math.round(target.shape.center.y);\n  const modifier = isBelowTarget ? 1 : 0;\n  const sourceItem = items[sourceParent][sourceIndex];\n  return __spreadProps2(__spreadValues2({}, items), {\n    [sourceParent]: [\n      ...items[sourceParent].slice(0, sourceIndex),\n      ...items[sourceParent].slice(sourceIndex + 1)\n    ],\n    [targetParent]: [\n      ...items[targetParent].slice(0, targetIndex + modifier),\n      sourceItem,\n      ...items[targetParent].slice(targetIndex + modifier)\n    ]\n  });\n}\nfunction move(items, event) {\n  return mutate(items, event, arrayMove);\n}\nvar defaultGroup = \"__default__\";\nvar OptimisticSortingPlugin = class extends Plugin {\n  constructor(manager) {\n    super(manager);\n    const getSortableInstances = () => {\n      const sortableInstances = /* @__PURE__ */ new Map();\n      for (const droppable of manager.registry.droppables) {\n        if (droppable instanceof SortableDroppable) {\n          const { sortable } = droppable;\n          const { group } = sortable;\n          let instances = sortableInstances.get(group);\n          if (!instances) {\n            instances = /* @__PURE__ */ new Set();\n            sortableInstances.set(group, instances);\n          }\n          instances.add(sortable);\n        }\n      }\n      for (const [group, instances] of sortableInstances) {\n        sortableInstances.set(group, new Set(sort(instances)));\n      }\n      return sortableInstances;\n    };\n    const unsubscribe = [\n      manager.monitor.addEventListener(\"dragover\", (event, manager2) => {\n        if (this.disabled) {\n          return;\n        }\n        const { dragOperation } = manager2;\n        const { source, target } = dragOperation;\n        if (!isSortable(source) || !isSortable(target)) {\n          return;\n        }\n        if (source.sortable === target.sortable) {\n          return;\n        }\n        const instances = getSortableInstances();\n        const sameGroup = source.sortable.group === target.sortable.group;\n        const sourceInstances = instances.get(source.sortable.group);\n        const targetInstances = sameGroup ? sourceInstances : instances.get(target.sortable.group);\n        if (!sourceInstances || !targetInstances) return;\n        queueMicrotask(() => {\n          if (event.defaultPrevented) return;\n          manager2.renderer.rendering.then(() => {\n            var _a, _b, _c;\n            const newInstances = getSortableInstances();\n            for (const [group, sortableInstances] of instances.entries()) {\n              const entries = Array.from(sortableInstances).entries();\n              for (const [index, sortable] of entries) {\n                if (sortable.index !== index || sortable.group !== group || !((_a = newInstances.get(group)) == null ? void 0 : _a.has(sortable))) {\n                  return;\n                }\n              }\n            }\n            const sourceElement = source.sortable.element;\n            const targetElement = target.sortable.element;\n            if (!targetElement || !sourceElement) {\n              return;\n            }\n            if (!sameGroup && target.id === source.sortable.group) {\n              return;\n            }\n            const orderedSourceSortables = sort(sourceInstances);\n            const orderedTargetSortables = sameGroup ? orderedSourceSortables : sort(targetInstances);\n            const sourceGroup = (_b = source.sortable.group) != null ? _b : defaultGroup;\n            const targetGroup = (_c = target.sortable.group) != null ? _c : defaultGroup;\n            const state = {\n              [sourceGroup]: orderedSourceSortables,\n              [targetGroup]: orderedTargetSortables\n            };\n            const newState = move(state, event);\n            if (state === newState) return;\n            const sourceIndex = newState[targetGroup].indexOf(source.sortable);\n            const targetIndex = newState[targetGroup].indexOf(target.sortable);\n            manager2.collisionObserver.disable();\n            reorder(sourceElement, sourceIndex, targetElement, targetIndex);\n            batch(() => {\n              for (const [index, sortable] of newState[sourceGroup].entries()) {\n                sortable.index = index;\n              }\n              if (!sameGroup) {\n                for (const [index, sortable] of newState[targetGroup].entries()) {\n                  sortable.group = target.sortable.group;\n                  sortable.index = index;\n                }\n              }\n            });\n            manager2.actions.setDropTarget(source.id).then(() => manager2.collisionObserver.enable());\n          });\n        });\n      }),\n      manager.monitor.addEventListener(\"dragend\", (event, manager2) => {\n        if (!event.canceled) {\n          return;\n        }\n        const { dragOperation } = manager2;\n        const { source } = dragOperation;\n        if (!isSortable(source)) {\n          return;\n        }\n        if (source.sortable.initialIndex === source.sortable.index && source.sortable.initialGroup === source.sortable.group) {\n          return;\n        }\n        queueMicrotask(() => {\n          const instances = getSortableInstances();\n          const initialGroupInstances = instances.get(\n            source.sortable.initialGroup\n          );\n          if (!initialGroupInstances) return;\n          manager2.renderer.rendering.then(() => {\n            for (const [group, sortableInstances] of instances.entries()) {\n              const entries = Array.from(sortableInstances).entries();\n              for (const [index, sortable] of entries) {\n                if (sortable.index !== index || sortable.group !== group) {\n                  return;\n                }\n              }\n            }\n            const initialGroup = sort(initialGroupInstances);\n            const sourceElement = source.sortable.element;\n            const target = initialGroup[source.sortable.initialIndex];\n            const targetElement = target == null ? void 0 : target.element;\n            if (!target || !targetElement || !sourceElement) {\n              return;\n            }\n            reorder(sourceElement, target.index, targetElement, source.index);\n            batch(() => {\n              for (const [_, sortableInstances] of instances.entries()) {\n                const entries = Array.from(sortableInstances).values();\n                for (const sortable of entries) {\n                  sortable.index = sortable.initialIndex;\n                  sortable.group = sortable.initialGroup;\n                }\n              }\n            });\n          });\n        });\n      })\n    ];\n    this.destroy = () => {\n      for (const unsubscribeListener of unsubscribe) {\n        unsubscribeListener();\n      }\n    };\n  }\n};\nfunction reorder(sourceElement, sourceIndex, targetElement, targetIndex) {\n  const position = targetIndex < sourceIndex ? \"afterend\" : \"beforebegin\";\n  targetElement.insertAdjacentElement(position, sourceElement);\n}\nfunction sortByIndex(a, b) {\n  return a.index - b.index;\n}\nfunction sort(instances) {\n  return Array.from(instances).sort(sortByIndex);\n}\n\n// src/sortable/sortable.ts\nvar defaultPlugins = [\n  SortableKeyboardPlugin,\n  OptimisticSortingPlugin\n];\nvar defaultSortableTransition = {\n  duration: 250,\n  easing: \"cubic-bezier(0.25, 1, 0.5, 1)\",\n  idle: false\n};\nvar store = new WeakStore();\nvar _group_dec, _index_dec, _init, _index, _previousGroup, _previousIndex, _group, _element;\n_index_dec = [reactive], _group_dec = [reactive];\nvar Sortable2 = class {\n  constructor(_a, manager) {\n    __privateAdd(this, _index, __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);\n    __privateAdd(this, _previousGroup);\n    __privateAdd(this, _previousIndex);\n    __privateAdd(this, _group, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);\n    __privateAdd(this, _element);\n    this.register = () => {\n      batch(() => {\n        var _a, _b;\n        (_a = this.manager) == null ? void 0 : _a.registry.register(this.droppable);\n        (_b = this.manager) == null ? void 0 : _b.registry.register(this.draggable);\n      });\n      return () => this.unregister();\n    };\n    this.unregister = () => {\n      batch(() => {\n        var _a, _b;\n        (_a = this.manager) == null ? void 0 : _a.registry.unregister(this.droppable);\n        (_b = this.manager) == null ? void 0 : _b.registry.unregister(this.draggable);\n      });\n    };\n    this.destroy = () => {\n      batch(() => {\n        this.droppable.destroy();\n        this.draggable.destroy();\n      });\n    };\n    var _b = _a, {\n      effects: inputEffects = () => [],\n      group,\n      index,\n      sensors,\n      type,\n      transition = defaultSortableTransition,\n      plugins = defaultPlugins\n    } = _b, input = __objRest(_b, [\n      \"effects\",\n      \"group\",\n      \"index\",\n      \"sensors\",\n      \"type\",\n      \"transition\",\n      \"plugins\"\n    ]);\n    this.droppable = new SortableDroppable(input, manager, this);\n    this.draggable = new SortableDraggable(\n      __spreadProps(__spreadValues({}, input), {\n        effects: () => [\n          () => {\n            var _a2, _b2, _c;\n            const status = (_a2 = this.manager) == null ? void 0 : _a2.dragOperation.status;\n            if ((status == null ? void 0 : status.initializing) && this.id === ((_c = (_b2 = this.manager) == null ? void 0 : _b2.dragOperation.source) == null ? void 0 : _c.id)) {\n              store.clear(this.manager);\n            }\n            if (status == null ? void 0 : status.dragging) {\n              store.set(\n                this.manager,\n                this.id,\n                untracked(() => ({\n                  initialIndex: this.index,\n                  initialGroup: this.group\n                }))\n              );\n            }\n          },\n          () => {\n            const { index: index2, group: group2, manager: _ } = this;\n            const previousIndex = __privateGet(this, _previousIndex);\n            const previousGroup = __privateGet(this, _previousGroup);\n            if (index2 !== previousIndex || group2 !== previousGroup) {\n              __privateSet(this, _previousIndex, index2);\n              __privateSet(this, _previousGroup, group2);\n              this.animate();\n            }\n          },\n          () => {\n            const { target } = this;\n            const { feedback, isDragSource } = this.draggable;\n            if (feedback == \"move\" && isDragSource) {\n              this.droppable.disabled = !target;\n            }\n          },\n          () => {\n            const { manager: manager2 } = this;\n            for (const plugin of plugins) {\n              manager2 == null ? void 0 : manager2.registry.register(plugin);\n            }\n          },\n          ...inputEffects()\n        ],\n        type,\n        sensors\n      }),\n      manager,\n      this\n    );\n    __privateSet(this, _element, input.element);\n    this.manager = manager;\n    this.index = index;\n    __privateSet(this, _previousIndex, index);\n    this.group = group;\n    __privateSet(this, _previousGroup, group);\n    this.type = type;\n    this.transition = transition;\n  }\n  get initialIndex() {\n    var _a, _b;\n    return (_b = (_a = store.get(this.manager, this.id)) == null ? void 0 : _a.initialIndex) != null ? _b : this.index;\n  }\n  get initialGroup() {\n    var _a, _b;\n    return (_b = (_a = store.get(this.manager, this.id)) == null ? void 0 : _a.initialGroup) != null ? _b : this.group;\n  }\n  animate() {\n    untracked(() => {\n      const { manager, transition } = this;\n      const { shape } = this.droppable;\n      if (!manager) return;\n      const { idle } = manager.dragOperation.status;\n      if (!shape || !transition || idle && !transition.idle) {\n        return;\n      }\n      manager.renderer.rendering.then(() => {\n        const { element } = this;\n        if (!element) {\n          return;\n        }\n        const updatedShape = this.refreshShape();\n        if (!updatedShape) {\n          return;\n        }\n        const delta = {\n          x: shape.boundingRectangle.left - updatedShape.boundingRectangle.left,\n          y: shape.boundingRectangle.top - updatedShape.boundingRectangle.top\n        };\n        const { translate } = getComputedStyles(element);\n        const currentTranslate = computeTranslate(element, translate, false);\n        const finalTranslate = computeTranslate(element, translate);\n        if (delta.x || delta.y) {\n          const resolvedTransition = prefersReducedMotion(getWindow(element)) ? __spreadProps(__spreadValues({}, transition), { duration: 0 }) : transition;\n          animateTransform({\n            element,\n            keyframes: {\n              translate: [\n                `${currentTranslate.x + delta.x}px ${currentTranslate.y + delta.y}px ${currentTranslate.z}`,\n                `${finalTranslate.x}px ${finalTranslate.y}px ${finalTranslate.z}`\n              ]\n            },\n            options: resolvedTransition\n          }).then(() => {\n            if (!manager.dragOperation.status.dragging) {\n              this.droppable.shape = void 0;\n            }\n          });\n        }\n      });\n    });\n  }\n  get manager() {\n    return this.draggable.manager;\n  }\n  set manager(manager) {\n    batch(() => {\n      this.draggable.manager = manager;\n      this.droppable.manager = manager;\n    });\n  }\n  set element(element) {\n    batch(() => {\n      const previousElement = __privateGet(this, _element);\n      const droppableElement = this.droppable.element;\n      const draggableElement = this.draggable.element;\n      if (!droppableElement || droppableElement === previousElement) {\n        this.droppable.element = element;\n      }\n      if (!draggableElement || draggableElement === previousElement) {\n        this.draggable.element = element;\n      }\n      __privateSet(this, _element, element);\n    });\n  }\n  get element() {\n    var _a, _b;\n    const element = __privateGet(this, _element);\n    if (!element) return;\n    return (_b = (_a = ProxiedElements.get(element)) != null ? _a : element) != null ? _b : this.droppable.element;\n  }\n  set target(target) {\n    this.droppable.element = target;\n  }\n  get target() {\n    return this.droppable.element;\n  }\n  set source(source) {\n    this.draggable.element = source;\n  }\n  get source() {\n    return this.draggable.element;\n  }\n  get disabled() {\n    return this.draggable.disabled && this.droppable.disabled;\n  }\n  set feedback(value) {\n    this.draggable.feedback = value;\n  }\n  set disabled(value) {\n    batch(() => {\n      this.droppable.disabled = value;\n      this.draggable.disabled = value;\n    });\n  }\n  set data(data) {\n    batch(() => {\n      this.droppable.data = data;\n      this.draggable.data = data;\n    });\n  }\n  set handle(handle) {\n    this.draggable.handle = handle;\n  }\n  set id(id) {\n    batch(() => {\n      this.droppable.id = id;\n      this.draggable.id = id;\n    });\n  }\n  get id() {\n    return this.droppable.id;\n  }\n  set sensors(value) {\n    this.draggable.sensors = value;\n  }\n  set modifiers(value) {\n    this.draggable.modifiers = value;\n  }\n  set collisionPriority(value) {\n    this.droppable.collisionPriority = value;\n  }\n  set collisionDetector(value) {\n    this.droppable.collisionDetector = value != null ? value : defaultCollisionDetection;\n  }\n  set alignment(value) {\n    this.draggable.alignment = value;\n  }\n  get alignment() {\n    return this.draggable.alignment;\n  }\n  set type(type) {\n    batch(() => {\n      this.droppable.type = type;\n      this.draggable.type = type;\n    });\n  }\n  get type() {\n    return this.draggable.type;\n  }\n  set accept(value) {\n    this.droppable.accept = value;\n  }\n  get accept() {\n    return this.droppable.accept;\n  }\n  get isDropTarget() {\n    return this.droppable.isDropTarget;\n  }\n  /**\n   * A boolean indicating whether the sortable item is the source of a drag operation.\n   */\n  get isDragSource() {\n    return this.draggable.isDragSource;\n  }\n  /**\n   * A boolean indicating whether the sortable item is being dragged.\n   */\n  get isDragging() {\n    return this.draggable.isDragging;\n  }\n  /**\n   * A boolean indicating whether the sortable item is being dropped.\n   */\n  get isDropping() {\n    return this.draggable.isDropping;\n  }\n  get status() {\n    return this.draggable.status;\n  }\n  refreshShape() {\n    return this.droppable.refreshShape();\n  }\n  accepts(draggable) {\n    return this.droppable.accepts(draggable);\n  }\n};\n_init = __decoratorStart();\n_index = new WeakMap();\n_previousGroup = new WeakMap();\n_previousIndex = new WeakMap();\n_group = new WeakMap();\n_element = new WeakMap();\n__decorateElement(_init, 4, \"index\", _index_dec, Sortable2, _index);\n__decorateElement(_init, 4, \"group\", _group_dec, Sortable2, _group);\n__decoratorMetadata(_init, Sortable2);\nvar SortableDraggable = class extends Draggable {\n  constructor(input, manager, sortable) {\n    super(input, manager);\n    this.sortable = sortable;\n  }\n  get index() {\n    return this.sortable.index;\n  }\n  get initialIndex() {\n    return this.sortable.initialIndex;\n  }\n  get group() {\n    return this.sortable.group;\n  }\n  get initialGroup() {\n    return this.sortable.initialGroup;\n  }\n};\nvar SortableDroppable = class extends Droppable {\n  constructor(input, manager, sortable) {\n    super(input, manager);\n    this.sortable = sortable;\n  }\n  get index() {\n    return this.sortable.index;\n  }\n  get group() {\n    return this.sortable.group;\n  }\n};\n\nexport { OptimisticSortingPlugin, Sortable2 as Sortable, SortableDraggable, SortableDroppable, SortableKeyboardPlugin, defaultSortableTransition, isSortable, isSortableOperation };\n//# sourceMappingURL=sortable.js.map\n//# sourceMappingURL=sortable.js.map"],"names":["__create","__defProp","__defProps","__getOwnPropDesc","__getOwnPropDescs","__getOwnPropSymbols","__hasOwnProp","__propIsEnum","__knownSymbol","name","symbol","__typeError","msg","__defNormalProp","obj","key","value","__spreadValues","a","b","prop","__spreadProps","__objRest","source","exclude","target","__decoratorStart","base","_a","__decoratorStrings","__expectFn","fn","__decoratorContext","kind","done","metadata","fns","__decoratorMetadata","array","__runInitializers","flags","self","i","__decorateElement","decorators","extra","it","ctx","access","k","s","p","j","initializers","extraInitializers","desc","__privateGet","x","__privateSet","y","__accessCheck","member","getter","__privateAdd","setter","isSortable","element","SortableDroppable","SortableDraggable","TOLERANCE","SortableKeyboardPlugin","Plugin","manager","cleanupEffect","effect","dragOperation","isKeyboardEvent","scroller","Scroller","unsubscribe","event","manager2","actions","collisionObserver","registry","by","direction","getDirection","center","potentialTargets","cleanup","batch","droppable","id2","previousShape","shape","DOMRectangle","getVisibleBoundingRectangle","collisions","closestCorners","clean","firstCollision","id","index","group","source2","target2","newIndex","newGroup","targetElement","updated","scrollIntoViewIfNeeded","updatedShape","delta","Rectangle","__defProp2","__defProps2","__getOwnPropDescs2","__getOwnPropSymbols2","__hasOwnProp2","__propIsEnum2","__defNormalProp2","__spreadValues2","__spreadProps2","arrayMove","from","to","newArray","hasSortableIndices","mutate","items","mutation","_b","_c","canceled","findIndex","item","sourceIndex2","targetIndex2","projectedSourceIndex","entries","sourceIndex","sourceParent","targetIndex","targetParent","children","srcParent","srcIndex","tgtParent","tgtIndex","sourceItem2","position","insertionIndex","hasGroupChanged","hasIndexChanged","reconciledTargetParent","modifier","sourceItem","move","defaultGroup","OptimisticSortingPlugin","getSortableInstances","sortableInstances","sortable","instances","sort","sameGroup","sourceInstances","targetInstances","newInstances","sourceElement","orderedSourceSortables","orderedTargetSortables","sourceGroup","targetGroup","state","newState","reorder","initialGroupInstances","initialGroup","_","unsubscribeListener","sortByIndex","defaultPlugins","defaultSortableTransition","store","WeakStore","_group_dec","_index_dec","_init","_index","_previousGroup","_previousIndex","_group","_element","reactive","Sortable2","inputEffects","sensors","type","transition","plugins","input","_a2","_b2","status","untracked","index2","group2","previousIndex","previousGroup","feedback","isDragSource","plugin","idle","translate","getComputedStyles","currentTranslate","computeTranslate","finalTranslate","resolvedTransition","prefersReducedMotion","getWindow","animateTransform","previousElement","droppableElement","draggableElement","ProxiedElements","data","handle","defaultCollisionDetection","draggable","Draggable","Droppable"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/fondue-components9.js

@@ -1,181 +1,54 @@
-import { jsx as o, jsxs as E } from "react/jsx-runtime";
-import { IconCross as L } from "@frontify/fondue-icons";
-import * as r from "@radix-ui/react-dialog";
-import { createContext as _, forwardRef as d, useRef as k, useContext as G, useMemo as I } from "react";
-import { useSyncRefs as J } from "./fondue-components54.js";
-import { useTranslation as K } from "./fondue-components42.js";
-import { addShowFocusRing as Q, addAutoFocusAttribute as U } from "./fondue-components55.js";
-import { useFondueTheme as V, ThemeProvider as W } from "./fondue-components39.js";
-import s from "./fondue-components56.js";
-const D = _({ isModal: !1 });
-D.displayName = "DialogContext";
-const T = ({ children: t, modal: e, onOpenChange: a, open: i }) => {
-  const n = I(() => ({ isModal: e ?? !1 }), [e]);
-  return /* @__PURE__ */ o(D.Provider, { value: n, children: /* @__PURE__ */ o(r.Root, { open: i, onOpenChange: a, modal: e, children: t }) });
-};
-T.displayName = "Dialog.Root";
-const R = ({ asChild: t = !0, children: e, "data-test-id": a = "fondue-dialog-trigger" }, i) => /* @__PURE__ */ o(
-  r.Trigger,
-  {
-    onMouseDown: U,
-    "data-auto-focus-visible": "true",
-    "data-auto-focus-trigger": !0,
-    "data-test-id": a,
-    asChild: t,
-    ref: i,
-    children: e
-  }
-);
-R.displayName = "Dialog.Trigger";
-const X = ({ children: t, showUnderlay: e }) => {
-  const { isModal: a } = G(D);
-  return a ? /* @__PURE__ */ o(r.Overlay, { "data-visible": e, className: s.underlay, children: t }) : /* @__PURE__ */ o("div", { className: s.underlay, "data-visible": e, children: t });
-}, S = ({
-  maxWidth: t = "800px",
-  minWidth: e = "400px",
-  minHeight: a = "200px",
-  padding: i = "compact",
-  verticalAlign: n = "center",
-  "data-test-id": u = "fondue-dialog-content",
-  showUnderlay: c = !1,
-  rounded: p = !0,
-  onEscapeKeyDown: j,
-  children: A
-}, H) => {
-  const { theme: P, dir: N } = V(), l = k(null);
-  J(l, H);
-  const B = (z) => {
-    var C, v, x;
-    z.preventDefault();
-    const g = 'button:not([data-tooltip-trigger="true"]), [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', m = (C = l.current) == null ? void 0 : C.querySelector('[data-dialog-layout-component="body"]'), f = (v = l.current) == null ? void 0 : v.querySelector('[data-dialog-layout-component="footer"]'), y = (x = l.current) == null ? void 0 : x.querySelector('[data-dialog-layout-component="header"]'), b = (m == null ? void 0 : m.querySelector(g)) || (f == null ? void 0 : f.querySelector(g)) || (y == null ? void 0 : y.querySelector(g));
-    b instanceof HTMLElement && b.focus();
-  };
-  return /* @__PURE__ */ o(r.Portal, { children: /* @__PURE__ */ o(W, { theme: P, dir: N, children: /* @__PURE__ */ o(X, { showUnderlay: c, children: /* @__PURE__ */ o(
-    r.Content,
+import { jsx as a } from "react/jsx-runtime";
+import { Slot as P } from "@radix-ui/react-slot";
+import { forwardRef as F, useState as y, useMemo as N, Children as I } from "react";
+import { ForwardedRefColorGradientInput as w } from "./fondue-components54.js";
+import { ForwardedRefColorPickerInput as h } from "./fondue-components55.js";
+import { ForwardedRefColorValueInput as G } from "./fondue-components56.js";
+import V from "./fondue-components57.js";
+import { DEFAULT_FORMAT as g, DEFAULT_COLOR as A, getColorWithName as s } from "./fondue-components58.js";
+const p = ({
+  children: t,
+  currentColor: r = A,
+  onColorChange: i = () => {
+  },
+  currentFormat: l,
+  onFormatChange: c = () => {
+  },
+  defaultFormat: n = g,
+  "data-test-id": f = "color-picker-input",
+  ...C
+}, u) => {
+  const [d, k] = y(n), m = N(() => l ?? d, [l, d]);
+  return /* @__PURE__ */ a("div", { className: V.root, "data-picker-type": "custom-color", "data-test-id": f, ref: u, children: I.map(t, (R) => /* @__PURE__ */ a(
+    L,
     {
-      style: {
-        "--dialog-max-width": t,
-        "--dialog-min-width": e,
-        "--dialog-min-height": a
+      ...C,
+      onColorChange: (o) => {
+        i(s(o, m));
       },
-      ref: l,
-      className: s.content,
-      onFocus: Q,
-      onOpenAutoFocus: B,
-      onEscapeKeyDown: j,
-      "data-dialog-padding": i,
-      "data-dialog-rounded": p,
-      "data-test-id": u,
-      "data-dialog-vertical-align": n,
-      dir: N,
-      children: A
-    }
-  ) }) }) });
-};
-S.displayName = "Dialog.Content";
-const h = ({
-  padding: t,
-  showBorder: e = !0,
-  showCloseButton: a = !0,
-  closeProps: i,
-  children: n,
-  "data-test-id": u = "fondue-dialog-header"
-}, c) => {
-  const { t: p } = K();
-  return /* @__PURE__ */ E(
-    "div",
-    {
-      "data-test-id": u,
-      ref: c,
-      className: s.header,
-      "data-dialog-header-padding": t,
-      "data-show-border": e,
-      "data-dialog-layout-component": "header",
-      children: [
-        /* @__PURE__ */ o("div", { children: n }),
-        a && /* @__PURE__ */ o(
-          r.Close,
-          {
-            role: "button",
-            "data-test-id": `${u}-close`,
-            "aria-label": p("Dialog_close"),
-            ...i,
-            children: /* @__PURE__ */ o(L, { size: 20 })
-          }
-        )
-      ]
+      currentColor: r,
+      currentFormat: m,
+      setCurrentFormat: (o) => {
+        k(o), c(o), i(s(r, o));
+      },
+      children: R
     }
-  );
+  )) });
 };
-h.displayName = "Dialog.Header";
-const F = ({ padding: t, showBorder: e = !0, children: a, "data-test-id": i = "fondue-dialog-footer" }, n) => /* @__PURE__ */ o(
-  "div",
-  {
-    "data-test-id": i,
-    ref: n,
-    className: s.footer,
-    "data-dialog-footer-padding": t,
-    "data-show-border": e,
-    "data-dialog-layout-component": "footer",
-    children: a
-  }
-);
-F.displayName = "Dialog.Footer";
-const q = ({ padding: t, children: e, "data-test-id": a = "fondue-dialog-body" }, i) => /* @__PURE__ */ o(
-  "div",
-  {
-    "data-test-id": a,
-    ref: i,
-    className: s.body,
-    "data-dialog-body-padding": t,
-    "data-dialog-layout-component": "body",
-    children: e
-  }
-);
-q.displayName = "Dialog.Body";
-const w = ({ children: t, "data-test-id": e = "fondue-dialog-side-content" }, a) => /* @__PURE__ */ o("div", { "data-test-id": e, ref: a, className: s.sideContent, "data-dialog-layout-component": !0, children: t });
-w.displayName = "Dialog.SideContent";
-const M = ({ children: t }) => /* @__PURE__ */ o(r.Close, { asChild: !0, children: t });
-M.displayName = "Dialog.Close";
-const O = ({ children: t, asChild: e, screenReaderOnly: a = !1 }) => a && !e ? /* @__PURE__ */ o(r.Title, { asChild: !0, children: /* @__PURE__ */ o("span", { className: s.screenReaderOnly, children: t }) }) : a && e ? /* @__PURE__ */ o(r.Title, { asChild: !0, children: typeof t == "object" && t && "props" in t ? {
-  ...t,
-  props: {
-    ...t.props,
-    className: `${t.props.className || ""} ${s.screenReaderOnly}`.trim()
-  }
-} : t }) : /* @__PURE__ */ o(r.Title, { asChild: e, children: t });
-O.displayName = "Dialog.Title";
-const $ = ({ children: t, asChild: e, screenReaderOnly: a = !1 }) => a && !e ? /* @__PURE__ */ o(r.Description, { asChild: !0, children: /* @__PURE__ */ o("span", { className: s.screenReaderOnly, children: t }) }) : a && e ? /* @__PURE__ */ o(r.Description, { asChild: !0, children: typeof t == "object" && t && "props" in t ? {
-  ...t,
-  props: {
-    ...t.props,
-    className: `${t.props.className || ""} ${s.screenReaderOnly}`.trim()
-  }
-} : t }) : /* @__PURE__ */ o(r.Description, { asChild: e, children: t });
-$.displayName = "Dialog.Description";
-const st = {
-  Root: T,
-  Title: O,
-  Description: $,
-  Close: M,
-  Trigger: d(R),
-  Content: d(S),
-  Header: d(h),
-  Footer: d(F),
-  Body: d(q),
-  SideContent: d(w)
+p.displayName = "ColorPicker";
+const L = ({ children: t, ...r }) => /* @__PURE__ */ a(P, { ...r, children: t }), M = F(p), e = {
+  Root: M,
+  Values: G,
+  Gradient: w,
+  Input: h
 };
+e.Root.displayName = "ColorPicker.Root";
+e.Values.displayName = "ColorPicker.Values";
+e.Gradient.displayName = "ColorPicker.Gradient";
+e.Input.displayName = "ColorPicker.Input";
 export {
-  st as Dialog,
-  q as DialogBody,
-  M as DialogClose,
-  S as DialogContent,
-  $ as DialogDescription,
-  F as DialogFooter,
-  h as DialogHeader,
-  T as DialogRoot,
-  w as DialogSideContent,
-  O as DialogTitle,
-  R as DialogTrigger
+  e as ColorPicker,
+  p as ColorPickerRoot,
+  M as ForwardedRefColorPicker
 };
 //# sourceMappingURL=fondue-components9.js.map

package/dist/fondue-components9.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components9.js","sources":["../src/components/Dialog/Dialog.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCross } from '@frontify/fondue-icons';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport {\n    createContext,\n    forwardRef,\n    useContext,\n    useMemo,\n    useRef,\n    type CSSProperties,\n    type ForwardedRef,\n    type ReactNode,\n} from 'react';\n\nimport { type CommonAriaProps } from '#/helpers/aria';\nimport { useSyncRefs } from '#/hooks/useSyncRefs';\nimport { useTranslation } from '#/hooks/useTranslation';\nimport { addAutoFocusAttribute, addShowFocusRing } from '#/utilities/domUtilities';\n\nimport { ThemeProvider, useFondueTheme } from '../ThemeProvider/ThemeProvider';\n\nimport styles from './styles/dialog.module.scss';\n\nexport type DialogRootProps = {\n    /**\n     * Disable interaction with the rest of the page\n     * @default false\n     */\n    modal?: boolean;\n    /**\n     * The controlled `open` state of the dialog\n     * @default false\n     */\n    open?: boolean;\n    /**\n     * Event handler called when the `open` state changes\n     */\n    onOpenChange?: (open: boolean) => void;\n    children?: ReactNode;\n};\n\nexport type DialogContentProps = {\n    /**\n     * Add rounded corners to the dialog\n     * @default true\n     */\n    rounded?: boolean;\n    /**\n     * Define the padding of the dialog\n     * @default \"compact\"\n     */\n    padding?: 'none' | 'tight' | 'compact' | 'comfortable' | 'spacious';\n    /**\n     * The vertical alignment of the divider\n     * @default \"center\"\n     */\n    verticalAlign?: 'top' | 'center';\n\n    /**\n     * Define a maximum width for the dialog\n     * @default \"800px\"\n     */\n    maxWidth?: string;\n    /**\n     * Define a minimum width for the dialog\n     * @default \"400px\"\n     */\n    minWidth?: string;\n    /**\n     * Define a minimum height for the dialog\n     * @default \"200px\"\n     */\n    minHeight?: string;\n    /**\n     * Show a dark underlay behind the dialog\n     * @default false\n     */\n    showUnderlay?: boolean;\n    /**\n     * Event handler called when the escape key is pressed.\n     */\n    onEscapeKeyDown?: (event: KeyboardEvent) => void;\n    children?: ReactNode;\n    'data-test-id'?: string;\n};\n\nexport type DialogTriggerProps = {\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default true\n     */\n    asChild?: boolean;\n    children?: ReactNode;\n    'data-test-id'?: string;\n};\n\nexport type DialogHeaderProps = {\n    /**\n     * Define the padding for the dialog header\n     */\n    padding?: 'none' | 'tight' | 'compact' | 'comfortable' | 'spacious';\n    /**\n     * Show a border at the bottom of the header\n     * @default true\n     */\n    showBorder?: boolean;\n    /**\n     * Show a close button in the header\n     * @default true\n     */\n    showCloseButton?: boolean;\n    closeProps?: CommonAriaProps;\n    children?: ReactNode;\n    'data-test-id'?: string;\n};\n\nexport type DialogFooterProps = {\n    /**\n     * Define the padding for the dialog footer\n     */\n    padding?: 'none' | 'tight' | 'compact' | 'comfortable' | 'spacious';\n    /**\n     * Show a border at the top of the footer\n     * @default true\n     */\n    showBorder?: boolean;\n    children?: ReactNode;\n    'data-test-id'?: string;\n};\n\nexport type DialogBodyProps = {\n    /**\n     * Define the padding for the dialog body\n     */\n    padding?: 'none' | 'tight' | 'compact' | 'comfortable' | 'spacious';\n    children?: ReactNode;\n    'data-test-id'?: string;\n};\n\nexport type DialogSideContentProps = { children?: ReactNode; 'data-test-id'?: string };\n\nexport type DialogCloseProps = { children?: ReactNode };\n\nexport type DialogAnnouncementProps = {\n    children?: ReactNode;\n    asChild?: boolean;\n    /**\n     * Visually hide the element while keeping it accessible to screen readers\n     * @default false\n     */\n    screenReaderOnly?: boolean;\n};\n\ntype DialogContextType = {\n    isModal: boolean;\n};\n\nconst DialogContext = createContext<DialogContextType>({ isModal: false });\nDialogContext.displayName = 'DialogContext';\n\nexport const DialogRoot = ({ children, modal, onOpenChange, open }: DialogRootProps) => {\n    const value = useMemo(() => ({ isModal: modal ?? false }), [modal]);\n\n    return (\n        <DialogContext.Provider value={value}>\n            <RadixDialog.Root open={open} onOpenChange={onOpenChange} modal={modal}>\n                {children}\n            </RadixDialog.Root>\n        </DialogContext.Provider>\n    );\n};\nDialogRoot.displayName = 'Dialog.Root';\n\nexport const DialogTrigger = (\n    { asChild = true, children, 'data-test-id': dataTestId = 'fondue-dialog-trigger' }: DialogTriggerProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    return (\n        <RadixDialog.Trigger\n            onMouseDown={addAutoFocusAttribute}\n            data-auto-focus-visible=\"true\"\n            data-auto-focus-trigger\n            data-test-id={dataTestId}\n            asChild={asChild}\n            ref={ref}\n        >\n            {children}\n        </RadixDialog.Trigger>\n    );\n};\nDialogTrigger.displayName = 'Dialog.Trigger';\n\nconst DialogUnderlay = ({ children, showUnderlay }: { children: ReactNode; showUnderlay: boolean }) => {\n    const { isModal } = useContext(DialogContext);\n    if (isModal) {\n        return (\n            <RadixDialog.Overlay data-visible={showUnderlay} className={styles.underlay}>\n                {children}\n            </RadixDialog.Overlay>\n        );\n    }\n    return (\n        <div className={styles.underlay} data-visible={showUnderlay}>\n            {children}\n        </div>\n    );\n};\n\nexport const DialogContent = (\n    {\n        maxWidth = '800px',\n        minWidth = '400px',\n        minHeight = '200px',\n        padding = 'compact',\n        verticalAlign = 'center',\n        'data-test-id': dataTestId = 'fondue-dialog-content',\n        showUnderlay = false,\n        rounded = true,\n        onEscapeKeyDown,\n        children,\n    }: DialogContentProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const { theme, dir } = useFondueTheme();\n    const contentRef = useRef<HTMLDivElement>(null);\n\n    useSyncRefs<HTMLDivElement>(contentRef, ref);\n\n    const handleOpenAutoFocus = (event: Event) => {\n        event.preventDefault();\n\n        const focusableSelector =\n            'button:not([data-tooltip-trigger=\"true\"]), [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n\n        // Try to find focusable element in order: body -> footer -> header\n        const dialogBody = contentRef.current?.querySelector('[data-dialog-layout-component=\"body\"]');\n        const dialogFooter = contentRef.current?.querySelector('[data-dialog-layout-component=\"footer\"]');\n        const dialogHeader = contentRef.current?.querySelector('[data-dialog-layout-component=\"header\"]');\n\n        const firstFocusable =\n            dialogBody?.querySelector(focusableSelector) ||\n            dialogFooter?.querySelector(focusableSelector) ||\n            dialogHeader?.querySelector(focusableSelector);\n\n        if (firstFocusable instanceof HTMLElement) {\n            firstFocusable.focus();\n        }\n    };\n\n    return (\n        <RadixDialog.Portal>\n            <ThemeProvider theme={theme} dir={dir}>\n                <DialogUnderlay showUnderlay={showUnderlay}>\n                    <RadixDialog.Content\n                        style={\n                            {\n                                '--dialog-max-width': maxWidth,\n                                '--dialog-min-width': minWidth,\n                                '--dialog-min-height': minHeight,\n                            } as CSSProperties\n                        }\n                        ref={contentRef}\n                        className={styles.content}\n                        onFocus={addShowFocusRing}\n                        onOpenAutoFocus={handleOpenAutoFocus}\n                        onEscapeKeyDown={onEscapeKeyDown}\n                        data-dialog-padding={padding}\n                        data-dialog-rounded={rounded}\n                        data-test-id={dataTestId}\n                        data-dialog-vertical-align={verticalAlign}\n                        dir={dir}\n                    >\n                        {children}\n                    </RadixDialog.Content>\n                </DialogUnderlay>\n            </ThemeProvider>\n        </RadixDialog.Portal>\n    );\n};\nDialogContent.displayName = 'Dialog.Content';\n\nexport const DialogHeader = (\n    {\n        padding,\n        showBorder = true,\n        showCloseButton = true,\n        closeProps,\n        children,\n        'data-test-id': dataTestId = 'fondue-dialog-header',\n    }: DialogHeaderProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const { t } = useTranslation();\n\n    return (\n        <div\n            data-test-id={dataTestId}\n            ref={ref}\n            className={styles.header}\n            data-dialog-header-padding={padding}\n            data-show-border={showBorder}\n            data-dialog-layout-component=\"header\"\n        >\n            <div>{children}</div>\n            {showCloseButton && (\n                <RadixDialog.Close\n                    role=\"button\"\n                    data-test-id={`${dataTestId}-close`}\n                    aria-label={t('Dialog_close')}\n                    {...closeProps}\n                >\n                    <IconCross size={20} />\n                </RadixDialog.Close>\n            )}\n        </div>\n    );\n};\nDialogHeader.displayName = 'Dialog.Header';\n\nexport const DialogFooter = (\n    { padding, showBorder = true, children, 'data-test-id': dataTestId = 'fondue-dialog-footer' }: DialogFooterProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    return (\n        <div\n            data-test-id={dataTestId}\n            ref={ref}\n            className={styles.footer}\n            data-dialog-footer-padding={padding}\n            data-show-border={showBorder}\n            data-dialog-layout-component=\"footer\"\n        >\n            {children}\n        </div>\n    );\n};\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport const DialogBody = (\n    { padding, children, 'data-test-id': dataTestId = 'fondue-dialog-body' }: DialogBodyProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    return (\n        <div\n            data-test-id={dataTestId}\n            ref={ref}\n            className={styles.body}\n            data-dialog-body-padding={padding}\n            data-dialog-layout-component=\"body\"\n        >\n            {children}\n        </div>\n    );\n};\nDialogBody.displayName = 'Dialog.Body';\n\nexport const DialogSideContent = (\n    { children, 'data-test-id': dataTestId = 'fondue-dialog-side-content' }: DialogSideContentProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    return (\n        <div data-test-id={dataTestId} ref={ref} className={styles.sideContent} data-dialog-layout-component>\n            {children}\n        </div>\n    );\n};\nDialogSideContent.displayName = 'Dialog.SideContent';\n\nexport const DialogClose = ({ children }: DialogCloseProps) => {\n    return <RadixDialog.Close asChild>{children}</RadixDialog.Close>;\n};\nDialogClose.displayName = 'Dialog.Close';\n\nexport const DialogTitle = ({ children, asChild, screenReaderOnly = false }: DialogAnnouncementProps) => {\n    if (screenReaderOnly && !asChild) {\n        return (\n            <RadixDialog.Title asChild>\n                <span className={styles.screenReaderOnly}>{children}</span>\n            </RadixDialog.Title>\n        );\n    }\n\n    if (screenReaderOnly && asChild) {\n        // When using asChild with screenReaderOnly, apply className to the child\n        return (\n            <RadixDialog.Title asChild>\n                {typeof children === 'object' && children && 'props' in children\n                    ? {\n                          ...children,\n                          props: {\n                              ...children.props,\n                              className: `${children.props.className || ''} ${styles.screenReaderOnly}`.trim(),\n                          },\n                      }\n                    : children}\n            </RadixDialog.Title>\n        );\n    }\n\n    return <RadixDialog.Title asChild={asChild}>{children}</RadixDialog.Title>;\n};\nDialogTitle.displayName = 'Dialog.Title';\n\nexport const DialogDescription = ({ children, asChild, screenReaderOnly = false }: DialogAnnouncementProps) => {\n    if (screenReaderOnly && !asChild) {\n        return (\n            <RadixDialog.Description asChild>\n                <span className={styles.screenReaderOnly}>{children}</span>\n            </RadixDialog.Description>\n        );\n    }\n\n    if (screenReaderOnly && asChild) {\n        // When using asChild with screenReaderOnly, apply className to the child\n        return (\n            <RadixDialog.Description asChild>\n                {typeof children === 'object' && children && 'props' in children\n                    ? {\n                          ...children,\n                          props: {\n                              ...children.props,\n                              className: `${children.props.className || ''} ${styles.screenReaderOnly}`.trim(),\n                          },\n                      }\n                    : children}\n            </RadixDialog.Description>\n        );\n    }\n\n    return <RadixDialog.Description asChild={asChild}>{children}</RadixDialog.Description>;\n};\nDialogDescription.displayName = 'Dialog.Description';\n\nexport const Dialog = {\n    Root: DialogRoot,\n    Title: DialogTitle,\n    Description: DialogDescription,\n    Close: DialogClose,\n    Trigger: forwardRef<HTMLButtonElement, DialogTriggerProps>(DialogTrigger),\n    Content: forwardRef<HTMLDivElement, DialogContentProps>(DialogContent),\n    Header: forwardRef<HTMLDivElement, DialogHeaderProps>(DialogHeader),\n    Footer: forwardRef<HTMLDivElement, DialogFooterProps>(DialogFooter),\n    Body: forwardRef<HTMLDivElement, DialogBodyProps>(DialogBody),\n    SideContent: forwardRef<HTMLDivElement, DialogSideContentProps>(DialogSideContent),\n};\n"],"names":["DialogContext","createContext","DialogRoot","children","modal","onOpenChange","open","value","useMemo","jsx","RadixDialog","DialogTrigger","asChild","dataTestId","ref","addAutoFocusAttribute","DialogUnderlay","showUnderlay","isModal","useContext","styles","DialogContent","maxWidth","minWidth","minHeight","padding","verticalAlign","rounded","onEscapeKeyDown","theme","dir","useFondueTheme","contentRef","useRef","useSyncRefs","handleOpenAutoFocus","event","focusableSelector","dialogBody","_a","dialogFooter","_b","dialogHeader","_c","firstFocusable","ThemeProvider","addShowFocusRing","DialogHeader","showBorder","showCloseButton","closeProps","t","useTranslation","jsxs","IconCross","DialogFooter","DialogBody","DialogSideContent","DialogClose","DialogTitle","screenReaderOnly","DialogDescription","Dialog","forwardRef"],"mappings":"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"}
+{"version":3,"file":"fondue-components9.js","sources":["../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Slot as RadixSlot } from '@radix-ui/react-slot';\nimport { Children, forwardRef, useMemo, useState, type ForwardedRef, type ReactNode } from 'react';\n\nimport { ForwardedRefColorGradientInput } from './ColorGradientInput';\nimport { ForwardedRefColorPickerInput } from './ColorPickerInput';\nimport { ForwardedRefColorValueInput } from './ColorValueInput';\nimport styles from './styles/customColorPicker.module.scss';\nimport { type ColorFormat, type RgbaColor } from './types';\nimport { DEFAULT_COLOR, DEFAULT_FORMAT, getColorWithName } from './utils';\n\ntype ColorPickerProps = {\n    /**\n     * The children of the color picker component. This can contain multiple `ColorPicker.Values` or `ColorPicker.Gradient` components.\n     */\n    children?: ReactNode;\n    /**\n     * The active color in the color picker\n     */\n    currentColor?: RgbaColor;\n    /**\n     * Event handler called when the color changes\n     */\n    onColorChange?: (color: RgbaColor) => void;\n    /**\n     * The active color format in the color picker\n     */\n    currentFormat?: ColorFormat;\n    /**\n     * Event handler called when the color format changes\n     */\n    onFormatChange?: (format: ColorFormat) => void;\n    /**\n     * The default format to use for the color input when not controlled externally\n     * @default \"HEX\"\n     */\n    defaultFormat?: ColorFormat;\n    /**\n     * The test id of the color picker\n     */\n    'data-test-id'?: string;\n};\n\nexport const ColorPickerRoot = (\n    {\n        children,\n        currentColor = DEFAULT_COLOR,\n        onColorChange = () => {},\n        currentFormat,\n        onFormatChange = () => {},\n        defaultFormat = DEFAULT_FORMAT,\n        'data-test-id': dataTestId = 'color-picker-input',\n        ...props\n    }: ColorPickerProps,\n    forwardedRef: ForwardedRef<HTMLDivElement>,\n) => {\n    const [managedFormat, setManagedFormat] = useState<ColorFormat>(defaultFormat);\n    const activeFormat = useMemo(() => currentFormat ?? managedFormat, [currentFormat, managedFormat]);\n\n    return (\n        <div className={styles.root} data-picker-type=\"custom-color\" data-test-id={dataTestId} ref={forwardedRef}>\n            {Children.map(children, (child) => (\n                <ColorPickerSlot\n                    {...props}\n                    onColorChange={(color: RgbaColor) => {\n                        onColorChange(getColorWithName(color, activeFormat));\n                    }}\n                    currentColor={currentColor}\n                    currentFormat={activeFormat}\n                    setCurrentFormat={(currentFormat: ColorFormat) => {\n                        setManagedFormat(currentFormat);\n                        onFormatChange(currentFormat);\n                        onColorChange(getColorWithName(currentColor, currentFormat));\n                    }}\n                >\n                    {child}\n                </ColorPickerSlot>\n            ))}\n        </div>\n    );\n};\nColorPickerRoot.displayName = 'ColorPicker';\n\ntype ColorPickerSlotProps = ColorPickerProps & {\n    currentFormat?: ColorFormat;\n    setCurrentFormat?: (format: ColorFormat) => void;\n};\nconst ColorPickerSlot = ({ children, ...props }: ColorPickerSlotProps) => <RadixSlot {...props}>{children}</RadixSlot>;\n\nexport const ForwardedRefColorPicker = forwardRef<HTMLDivElement, ColorPickerProps>(ColorPickerRoot);\n\nexport const ColorPicker = {\n    Root: ForwardedRefColorPicker,\n    Values: ForwardedRefColorValueInput,\n    Gradient: ForwardedRefColorGradientInput,\n    Input: ForwardedRefColorPickerInput,\n};\n\nColorPicker.Root.displayName = 'ColorPicker.Root';\nColorPicker.Values.displayName = 'ColorPicker.Values';\nColorPicker.Gradient.displayName = 'ColorPicker.Gradient';\nColorPicker.Input.displayName = 'ColorPicker.Input';\n"],"names":["ColorPickerRoot","children","currentColor","DEFAULT_COLOR","onColorChange","currentFormat","onFormatChange","defaultFormat","DEFAULT_FORMAT","dataTestId","props","forwardedRef","managedFormat","setManagedFormat","useState","activeFormat","useMemo","jsx","styles","Children","child","ColorPickerSlot","color","getColorWithName","RadixSlot","ForwardedRefColorPicker","forwardRef","ColorPicker","ForwardedRefColorValueInput","ForwardedRefColorGradientInput","ForwardedRefColorPickerInput"],"mappings":";;;;;;;;AA4CO,MAAMA,IAAkB,CAC3B;AAAA,EACI,UAAAC;AAAA,EACA,cAAAC,IAAeC;AAAA,EACf,eAAAC,IAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,eAAAC;AAAA,EACA,gBAAAC,IAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,eAAAC,IAAgBC;AAAA,EAChB,gBAAgBC,IAAa;AAAA,EAC7B,GAAGC;AACP,GACAC,MACC;AACD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAsBP,CAAa,GACvEQ,IAAeC,EAAQ,MAAMX,KAAiBO,GAAe,CAACP,GAAeO,CAAa,CAAC;AAEjG,SACI,gBAAAK,EAAC,OAAA,EAAI,WAAWC,EAAO,MAAM,oBAAiB,gBAAe,gBAAcT,GAAY,KAAKE,GACvF,UAAAQ,EAAS,IAAIlB,GAAU,CAACmB,MACrB,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MACI,GAAGX;AAAA,MACJ,eAAe,CAACY,MAAqB;AACjC,QAAAlB,EAAcmB,EAAiBD,GAAOP,CAAY,CAAC;AAAA,MACvD;AAAA,MACA,cAAAb;AAAA,MACA,eAAea;AAAA,MACf,kBAAkB,CAACV,MAA+B;AAC9C,QAAAQ,EAAiBR,CAAa,GAC9BC,EAAeD,CAAa,GAC5BD,EAAcmB,EAAiBrB,GAAcG,CAAa,CAAC;AAAA,MAC/D;AAAA,MAEC,UAAAe;AAAA,IAAA;AAAA,EAAA,CAER,GACL;AAER;AACApB,EAAgB,cAAc;AAM9B,MAAMqB,IAAkB,CAAC,EAAE,UAAApB,GAAU,GAAGS,EAAA,MAAkC,gBAAAO,EAACO,GAAA,EAAW,GAAGd,GAAQ,UAAAT,GAAS,GAE7FwB,IAA0BC,EAA6C1B,CAAe,GAEtF2B,IAAc;AAAA,EACvB,MAAMF;AAAA,EACN,QAAQG;AAAA,EACR,UAAUC;AAAA,EACV,OAAOC;AACX;AAEAH,EAAY,KAAK,cAAc;AAC/BA,EAAY,OAAO,cAAc;AACjCA,EAAY,SAAS,cAAc;AACnCA,EAAY,MAAM,cAAc;"}

package/dist/fondue-components90.js

@@ -1,23 +1,12 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { ComboboxBase as c } from "./fondue-components121.js";
-import { useMultiselect as b } from "./fondue-components122.js";
-const a = ({ value: e, onSelect: o, defaultValue: t, ...l }, m) => {
-  const { selectedItemValues: r, toggleSelectedItem: p, clear: i } = b(o, e, t);
-  return /* @__PURE__ */ s(
-    c,
-    {
-      ref: m,
-      multiple: !0,
-      selectedItemValues: r,
-      onItemSelect: p,
-      onClear: i,
-      ...l
-    }
-  );
-}, n = u(a);
-n.displayName = "Select.Combobox.Multiple";
+const o = "_root_1osq1_3", t = "_item_1osq1_21", s = "_indicator_1osq1_59", i = {
+  root: o,
+  item: t,
+  indicator: s
+};
 export {
-  n as ComboboxMultiple
+  i as default,
+  s as indicator,
+  t as item,
+  o as root
 };
 //# sourceMappingURL=fondue-components90.js.map

package/dist/fondue-components90.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components90.js","sources":["../src/components/Select/ComboboxMultiple.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ForwardedRef } from 'react';\n\nimport { ComboboxBase, type ComboboxSharedProps } from './components/ComboboxBase';\nimport { useMultiselect } from './hooks/useMultiselect';\n\nexport type ComboboxMultipleProps = ComboboxSharedProps & {\n    /**\n     * The active value in the combobox component. This is used to control the combobox externally\n     */\n    value?: string[] | null;\n    /**\n     * Callback function that is called when items are selected\n     */\n    onSelect?: (selectedValues: string[] | null) => void;\n    /**\n     * The default value of the combobox component. Used for uncontrolled usages\n     */\n    defaultValue?: string[];\n};\n\nconst ComboboxMultipleInput = (\n    { value, onSelect, defaultValue, ...rest }: ComboboxMultipleProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const { selectedItemValues, toggleSelectedItem, clear } = useMultiselect(onSelect, value, defaultValue);\n\n    return (\n        <ComboboxBase\n            ref={ref}\n            multiple\n            selectedItemValues={selectedItemValues}\n            onItemSelect={toggleSelectedItem}\n            onClear={clear}\n            {...rest}\n        />\n    );\n};\n\nexport const ComboboxMultiple = forwardRef<HTMLDivElement, ComboboxMultipleProps>(ComboboxMultipleInput);\nComboboxMultiple.displayName = 'Select.Combobox.Multiple';\n"],"names":["ComboboxMultipleInput","value","onSelect","defaultValue","rest","ref","selectedItemValues","toggleSelectedItem","clear","useMultiselect","jsx","ComboboxBase","ComboboxMultiple","forwardRef"],"mappings":";;;;AAsBA,MAAMA,IAAwB,CAC1B,EAAE,OAAAC,GAAO,UAAAC,GAAU,cAAAC,GAAc,GAAGC,EAAA,GACpCC,MACC;AACD,QAAM,EAAE,oBAAAC,GAAoB,oBAAAC,GAAoB,OAAAC,EAAA,IAAUC,EAAeP,GAAUD,GAAOE,CAAY;AAEtG,SACI,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAN;AAAA,MACA,UAAQ;AAAA,MACR,oBAAAC;AAAA,MACA,cAAcC;AAAA,MACd,SAASC;AAAA,MACR,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGhB,GAEaQ,IAAmBC,EAAkDb,CAAqB;AACvGY,EAAiB,cAAc;"}
+{"version":3,"file":"fondue-components90.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/fondue-components91.js

@@ -1,23 +1,16 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { ComboboxBase as a } from "./fondue-components121.js";
-import { useSingleSelect as b } from "./fondue-components123.js";
-const p = ({ value: e, onSelect: o, defaultValue: t, ...m }, l) => {
-  const { selectedItemValues: r, selectItem: s, clear: n } = b(o, e, t);
-  return /* @__PURE__ */ c(
-    a,
-    {
-      ref: l,
-      multiple: !1,
-      selectedItemValues: r,
-      onItemSelect: s,
-      onClear: n,
-      ...m
-    }
-  );
-}, f = i(p);
-f.displayName = "Select.Combobox";
+const r = "_root_71r9v_4", o = "_viewport_71r9v_12", t = "_scrollbar_71r9v_43", _ = "_thumb_71r9v_75", c = "_corner_71r9v_93", s = {
+  root: r,
+  viewport: o,
+  scrollbar: t,
+  thumb: _,
+  corner: c
+};
 export {
-  f as ComboboxSingle
+  c as corner,
+  s as default,
+  r as root,
+  t as scrollbar,
+  _ as thumb,
+  o as viewport
 };
 //# sourceMappingURL=fondue-components91.js.map

package/dist/fondue-components91.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components91.js","sources":["../src/components/Select/ComboboxSingle.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ForwardedRef } from 'react';\n\nimport { ComboboxBase, type ComboboxSharedProps } from './components/ComboboxBase';\nimport { useSingleSelect } from './hooks/useSingleSelect';\n\nexport type ComboboxSingleProps = ComboboxSharedProps & {\n    /**\n     * The active value in the combobox component. This is used to control the combobox externally\n     */\n    value?: string | null;\n    /**\n     * Callback function that is called when an item is selected\n     */\n    onSelect?: (selectedValue: string | null) => void;\n    /**\n     * The default value of the combobox component. Used for uncontrolled usages\n     */\n    defaultValue?: string;\n};\n\nconst ComboboxSingleInput = (\n    { value, onSelect, defaultValue, ...rest }: ComboboxSingleProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const { selectedItemValues, selectItem, clear } = useSingleSelect(onSelect, value, defaultValue);\n\n    return (\n        <ComboboxBase\n            ref={ref}\n            multiple={false}\n            selectedItemValues={selectedItemValues}\n            onItemSelect={selectItem}\n            onClear={clear}\n            {...rest}\n        />\n    );\n};\n\nexport const ComboboxSingle = forwardRef<HTMLDivElement, ComboboxSingleProps>(ComboboxSingleInput);\nComboboxSingle.displayName = 'Select.Combobox';\n"],"names":["ComboboxSingleInput","value","onSelect","defaultValue","rest","ref","selectedItemValues","selectItem","clear","useSingleSelect","jsx","ComboboxBase","ComboboxSingle","forwardRef"],"mappings":";;;;AAsBA,MAAMA,IAAsB,CACxB,EAAE,OAAAC,GAAO,UAAAC,GAAU,cAAAC,GAAc,GAAGC,EAAA,GACpCC,MACC;AACD,QAAM,EAAE,oBAAAC,GAAoB,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAgBP,GAAUD,GAAOE,CAAY;AAE/F,SACI,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAN;AAAA,MACA,UAAU;AAAA,MACV,oBAAAC;AAAA,MACA,cAAcC;AAAA,MACd,SAASC;AAAA,MACR,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGhB,GAEaQ,IAAiBC,EAAgDb,CAAmB;AACjGY,EAAe,cAAc;"}
+{"version":3,"file":"fondue-components91.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/fondue-components92.js

@@ -1,23 +1,8 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { SelectBase as u } from "./fondue-components124.js";
-import { useMultiselect as a } from "./fondue-components122.js";
-const n = ({ value: e, onSelect: t, defaultValue: l, ...o }, r) => {
-  const { selectedItemValues: m, toggleSelectedItem: c, clear: i } = a(t, e, l);
-  return /* @__PURE__ */ p(
-    u,
-    {
-      ref: r,
-      multiple: !0,
-      selectedItemValues: m,
-      onItemSelect: c,
-      onClear: i,
-      ...o
-    }
-  );
-}, f = s(n);
-f.displayName = "Select.Multi";
+const o = "_root_f9dx4_6", t = {
+  root: o
+};
 export {
-  f as SelectMultiple
+  t as default,
+  o as root
 };
 //# sourceMappingURL=fondue-components92.js.map

package/dist/fondue-components92.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components92.js","sources":["../src/components/Select/SelectMultiple.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ForwardedRef } from 'react';\n\nimport { SelectBase, type SelectSharedProps } from './components/SelectBase';\nimport { useMultiselect } from './hooks/useMultiselect';\n\nexport type SelectMultipleProps = SelectSharedProps & {\n    /**\n     * The active value in the select component. This is used to control the select externally\n     */\n    value?: string[] | null;\n    /**\n     * Callback function that is called when items are selected\n     */\n    onSelect?: (selectedValues: string[] | null) => void;\n    /**\n     * The default value of the select component. Used for uncontrolled usages\n     */\n    defaultValue?: string[];\n};\n\nconst SelectMultipleInput = (\n    { value, onSelect, defaultValue, ...rest }: SelectMultipleProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const { selectedItemValues, toggleSelectedItem, clear } = useMultiselect(onSelect, value, defaultValue);\n\n    return (\n        <SelectBase\n            ref={ref}\n            multiple\n            selectedItemValues={selectedItemValues}\n            onItemSelect={toggleSelectedItem}\n            onClear={clear}\n            {...rest}\n        />\n    );\n};\n\nexport const SelectMultiple = forwardRef<HTMLDivElement, SelectMultipleProps>(SelectMultipleInput);\nSelectMultiple.displayName = 'Select.Multi';\n"],"names":["SelectMultipleInput","value","onSelect","defaultValue","rest","ref","selectedItemValues","toggleSelectedItem","clear","useMultiselect","jsx","SelectBase","SelectMultiple","forwardRef"],"mappings":";;;;AAsBA,MAAMA,IAAsB,CACxB,EAAE,OAAAC,GAAO,UAAAC,GAAU,cAAAC,GAAc,GAAGC,EAAA,GACpCC,MACC;AACD,QAAM,EAAE,oBAAAC,GAAoB,oBAAAC,GAAoB,OAAAC,EAAA,IAAUC,EAAeP,GAAUD,GAAOE,CAAY;AAEtG,SACI,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAN;AAAA,MACA,UAAQ;AAAA,MACR,oBAAAC;AAAA,MACA,cAAcC;AAAA,MACd,SAASC;AAAA,MACR,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGhB,GAEaQ,IAAiBC,EAAgDb,CAAmB;AACjGY,EAAe,cAAc;"}
+{"version":3,"file":"fondue-components92.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/fondue-components93.js

@@ -1,23 +1,28 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { SelectBase as S } from "./fondue-components124.js";
-import { useSingleSelect as a } from "./fondue-components123.js";
-const p = ({ value: e, onSelect: t, defaultValue: l, ...o }, r) => {
-  const { selectedItemValues: m, selectItem: c, clear: s } = a(t, e, l);
-  return /* @__PURE__ */ n(
-    S,
-    {
-      ref: r,
-      multiple: !1,
-      selectedItemValues: m,
-      onItemSelect: c,
-      onClear: s,
-      ...o
-    }
+import { useMemo as d, useCallback as v, useState as a, useRef as m, useEffect as S } from "react";
+const U = ({
+  prop: e,
+  defaultProp: s,
+  onChange: t = () => {
+  }
+}) => {
+  const [l, c] = b({ defaultProp: s, onChange: t }), r = e !== void 0, n = r ? e : l, u = d(() => t, [t]), i = v(
+    (o) => {
+      if (r) {
+        const f = typeof o == "function" ? o(e) : o;
+        f !== e && u(f);
+      } else
+        c(o);
+    },
+    [r, e, c, u]
   );
-}, f = i(p);
-f.displayName = "Select";
+  return [n, i];
+}, b = ({ defaultProp: e, onChange: s }) => {
+  const [t, l] = a(e), c = m(t);
+  return S(() => {
+    c.current !== t && (s == null || s(t), c.current = t);
+  }, [s, t]), [t, l];
+};
 export {
-  f as SelectSingle
+  U as useControllableState
 };
 //# sourceMappingURL=fondue-components93.js.map