@ruya.sa/ui 3.71.3

package/dist/elements/DraggableSortable/DraggableSortableItem/index.d.ts

@@ -0,0 +1,7 @@
+import type { UseDraggableArguments } from '@dnd-kit/core';
+import React from 'react';
+import type { ChildFunction } from './types.js';
+export declare const DraggableSortableItem: React.FC<{
+    children: ChildFunction;
+} & UseDraggableArguments>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/DraggableSortable/DraggableSortableItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI/C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C;IACE,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CA2B1B,CAAA"}

package/dist/elements/DraggableSortable/DraggableSortableItem/index.js

@@ -0,0 +1,66 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { Fragment } from 'react';
+import { useDraggableSortable } from '../useDraggableSortable/index.js';
+export const DraggableSortableItem = props => {
+  const $ = _c(12);
+  const {
+    id,
+    children,
+    disabled
+  } = props;
+  let t0;
+  if ($[0] !== disabled || $[1] !== id) {
+    t0 = {
+      id,
+      disabled
+    };
+    $[0] = disabled;
+    $[1] = id;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const {
+    attributes,
+    isDragging,
+    listeners,
+    setNodeRef,
+    transform,
+    transition
+  } = useDraggableSortable(t0);
+  const t1 = isDragging ? "grabbing" : "grab";
+  let t2;
+  if ($[3] !== attributes || $[4] !== children || $[5] !== isDragging || $[6] !== listeners || $[7] !== setNodeRef || $[8] !== t1 || $[9] !== transform || $[10] !== transition) {
+    t2 = _jsx(Fragment, {
+      children: children({
+        attributes: {
+          ...attributes,
+          style: {
+            cursor: t1
+          }
+        },
+        isDragging,
+        listeners,
+        setNodeRef,
+        transform,
+        transition
+      })
+    });
+    $[3] = attributes;
+    $[4] = children;
+    $[5] = isDragging;
+    $[6] = listeners;
+    $[7] = setNodeRef;
+    $[8] = t1;
+    $[9] = transform;
+    $[10] = transition;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/DraggableSortable/DraggableSortableItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useDraggableSortable","DraggableSortableItem","props","$","id","children","disabled","t0","attributes","isDragging","listeners","setNodeRef","transform","transition","t1","t2","_jsx","style","cursor"],"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"sourcesContent":["'use client'\nimport type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport React, { Fragment } from 'react'\n\nimport type { ChildFunction } from './types.js'\n\nimport { useDraggableSortable } from '../useDraggableSortable/index.js'\n\nexport const DraggableSortableItem: React.FC<\n  {\n    children: ChildFunction\n  } & UseDraggableArguments\n> = (props) => {\n  const { id, children, disabled } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform, transition } =\n    useDraggableSortable({\n      id,\n      disabled,\n    })\n\n  return (\n    <Fragment>\n      {children({\n        attributes: {\n          ...attributes,\n          style: {\n            cursor: isDragging ? 'grabbing' : 'grab',\n          },\n        },\n        isDragging,\n        listeners,\n        setNodeRef,\n        transform,\n        transition,\n      })}\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,oBAAoB,QAAQ;AAErC,OAAO,MAAMC,qBAAA,GAITC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACF;IAAAO,EAAA;IAAAC,QAAA;IAAAC;EAAA,IAAmCJ,KAAA;EAAA,IAAAK,EAAA;EAAA,IAAAJ,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAC,EAAA;IAGZG,EAAA;MAAAH,EAAA;MAAAE;IAAA;IAGrBH,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAJF;IAAAK,UAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC;EAAA,IACEb,oBAAA,CAAqBO,EAGrB;EAQgB,MAAAO,EAAA,GAAAL,UAAA,GAAa,aAAa;EAAA,IAAAM,EAAA;EAAA,IAAAZ,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAO,SAAA,IAAAP,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAS,SAAA,IAAAT,CAAA,SAAAU,UAAA;IAL1CE,EAAA,GAAAC,IAAA,CAAAjB,QAAA;MAAAM,QAAA,EACGA,QAAA;QAAAG,UAAA;UAAA,GAEMA,UAAU;UAAAS,KAAA;YAAAC,MAAA,EAEHJ;UAA0B;QAAA;QAAAL,UAAA;QAAAC,SAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC;MAAA,CAQxC;IAAA,C;;;;;;;;;;;;;SAbFE,E;CAgBJ","ignoreList":[]}

package/dist/elements/DraggableSortable/DraggableSortableItem/types.d.ts

@@ -0,0 +1,13 @@
+import type { UseDraggableArguments } from '@dnd-kit/core';
+import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
+import type React from 'react';
+import type { UseDraggableSortableReturn } from '../useDraggableSortable/types.js';
+export type DragHandleProps = {
+    attributes: UseDraggableArguments['attributes'];
+    listeners: SyntheticListenerMap;
+} & UseDraggableArguments;
+export type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode;
+export type Props = {
+    children: ChildFunction;
+} & UseDraggableArguments;
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/DraggableSortable/DraggableSortableItem/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AAElF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IAC/C,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,qBAAqB,CAAA;AAEzB,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAA;AAEjF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CAAA"}

package/dist/elements/DraggableSortable/DraggableSortableItem/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/DraggableSortable/DraggableSortableItem/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"sourcesContent":["import type { UseDraggableArguments } from '@dnd-kit/core'\nimport type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities'\nimport type React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../useDraggableSortable/types.js'\n\nexport type DragHandleProps = {\n  attributes: UseDraggableArguments['attributes']\n  listeners: SyntheticListenerMap\n} & UseDraggableArguments\n\nexport type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode\n\nexport type Props = {\n  children: ChildFunction\n} & UseDraggableArguments\n"],"mappings":"AAaA","ignoreList":[]}

package/dist/elements/DraggableSortable/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { Props } from './types.js';
+export { Props };
+export declare const DraggableSortable: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/DraggableSortable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DraggableSortable/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,EAAE,KAAK,EAAE,CAAA;AAEhB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuE7C,CAAA"}

package/dist/elements/DraggableSortable/index.js

@@ -0,0 +1,131 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { closestCenter, DndContext, KeyboardSensor, PointerSensor, useDroppable, useSensor, useSensors } from '@dnd-kit/core';
+import { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable';
+import React, { useCallback, useId } from 'react';
+export const DraggableSortable = props => {
+  const $ = _c(18);
+  const {
+    children,
+    className,
+    ids,
+    onDragEnd,
+    onDragStart
+  } = props;
+  const id = useId();
+  let t0;
+  if ($[0] !== id) {
+    t0 = {
+      id
+    };
+    $[0] = id;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const {
+    setNodeRef
+  } = useDroppable(t0);
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      activationConstraint: {
+        distance: 5
+      }
+    };
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      coordinateGetter: sortableKeyboardCoordinates
+    };
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const sensors = useSensors(useSensor(PointerSensor, t1), useSensor(KeyboardSensor, t2));
+  let t3;
+  if ($[4] !== ids || $[5] !== onDragEnd) {
+    t3 = event => {
+      const {
+        active,
+        over
+      } = event;
+      event.activatorEvent.stopPropagation();
+      if (!active || !over) {
+        return;
+      }
+      if (typeof onDragEnd === "function") {
+        onDragEnd({
+          event,
+          moveFromIndex: ids.findIndex(_id => _id === active.id),
+          moveToIndex: ids.findIndex(_id_0 => _id_0 === over.id)
+        });
+      }
+    };
+    $[4] = ids;
+    $[5] = onDragEnd;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const handleDragEnd = t3;
+  let t4;
+  if ($[7] !== onDragStart) {
+    t4 = event_0 => {
+      const {
+        active: active_0
+      } = event_0;
+      if (!active_0) {
+        return;
+      }
+      if (typeof onDragStart === "function") {
+        onDragStart({
+          id: active_0.id,
+          event: event_0
+        });
+      }
+    };
+    $[7] = onDragStart;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const handleDragStart = t4;
+  let t5;
+  if ($[9] !== children || $[10] !== className || $[11] !== handleDragEnd || $[12] !== handleDragStart || $[13] !== id || $[14] !== ids || $[15] !== sensors || $[16] !== setNodeRef) {
+    t5 = _jsx(DndContext, {
+      collisionDetection: closestCenter,
+      id,
+      onDragEnd: handleDragEnd,
+      onDragStart: handleDragStart,
+      sensors,
+      children: _jsx(SortableContext, {
+        items: ids,
+        children: _jsx("div", {
+          className,
+          ref: setNodeRef,
+          children
+        })
+      })
+    });
+    $[9] = children;
+    $[10] = className;
+    $[11] = handleDragEnd;
+    $[12] = handleDragStart;
+    $[13] = id;
+    $[14] = ids;
+    $[15] = sensors;
+    $[16] = setNodeRef;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  return t5;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/DraggableSortable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","closestCenter","DndContext","KeyboardSensor","PointerSensor","useDroppable","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","React","useCallback","useId","DraggableSortable","props","$","children","className","ids","onDragEnd","onDragStart","id","t0","setNodeRef","t1","Symbol","for","activationConstraint","distance","t2","coordinateGetter","sensors","t3","event","active","over","activatorEvent","stopPropagation","moveFromIndex","findIndex","_id","moveToIndex","_id_0","handleDragEnd","t4","event_0","active_0","handleDragStart","t5","_jsx","collisionDetection","items","ref"],"sources":["../../../src/elements/DraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\n\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport React, { useCallback, useId } from 'react'\n\nimport type { Props } from './types.js'\n\nexport { Props }\n\nexport const DraggableSortable: React.FC<Props> = (props) => {\n  const { children, className, ids, onDragEnd, onDragStart } = props\n\n  const id = useId()\n\n  const { setNodeRef } = useDroppable({\n    id,\n  })\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event\n\n      event.activatorEvent.stopPropagation()\n\n      if (!active || !over) {\n        return\n      }\n\n      if (typeof onDragEnd === 'function') {\n        onDragEnd({\n          event,\n          moveFromIndex: ids.findIndex((_id) => _id === active.id),\n          moveToIndex: ids.findIndex((_id) => _id === over.id),\n        })\n      }\n    },\n    [onDragEnd, ids],\n  )\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const { active } = event\n\n      if (!active) {\n        return\n      }\n\n      if (typeof onDragStart === 'function') {\n        onDragStart({ id: active.id, event })\n      }\n    },\n    [onDragStart],\n  )\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      id={id}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      sensors={sensors}\n    >\n      <SortableContext items={ids}>\n        <div className={className} ref={setNodeRef}>\n          {children}\n        </div>\n      </SortableContext>\n    </DndContext>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DraggableSortable/types.d.ts

@@ -0,0 +1,18 @@
+import type { DragEndEvent, DragStartEvent } from '@dnd-kit/core';
+import type { Ref } from 'react';
+export type Props = {
+    children: React.ReactNode;
+    className?: string;
+    droppableRef?: Ref<HTMLElement>;
+    ids: string[];
+    onDragEnd: (e: {
+        event: DragEndEvent;
+        moveFromIndex: number;
+        moveToIndex: number;
+    }) => void;
+    onDragStart?: (e: {
+        event: DragStartEvent;
+        id: number | string;
+    }) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/DraggableSortable/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DraggableSortable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IAC/B,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,SAAS,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,YAAY,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC3F,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,cAAc,CAAC;QAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CAC1E,CAAA"}

package/dist/elements/DraggableSortable/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/DraggableSortable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/DraggableSortable/types.ts"],"sourcesContent":["import type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\nimport type { Ref } from 'react'\n\nexport type Props = {\n  children: React.ReactNode\n  className?: string\n  droppableRef?: Ref<HTMLElement>\n  ids: string[]\n  onDragEnd: (e: { event: DragEndEvent; moveFromIndex: number; moveToIndex: number }) => void\n  onDragStart?: (e: { event: DragStartEvent; id: number | string }) => void\n}\n"],"mappings":"AAGA","ignoreList":[]}

package/dist/elements/DraggableSortable/useDraggableSortable/index.d.ts

@@ -0,0 +1,4 @@
+import type { UseDraggableArguments } from '@dnd-kit/core';
+import type { UseDraggableSortableReturn } from './types.js';
+export declare const useDraggableSortable: (props: UseDraggableArguments) => UseDraggableSortableReturn;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/DraggableSortable/useDraggableSortable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAI1D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAE5D,eAAO,MAAM,oBAAoB,UAAW,qBAAqB,KAAG,0BA0BnE,CAAA"}

package/dist/elements/DraggableSortable/useDraggableSortable/index.js

@@ -0,0 +1,90 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useSortable } from '@dnd-kit/sortable';
+export const useDraggableSortable = props => {
+  const $ = _c(17);
+  const {
+    id,
+    disabled
+  } = props;
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      duration: 250,
+      easing: "cubic-bezier(0, 0.2, 0.2, 1)"
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== disabled || $[2] !== id) {
+    t1 = {
+      id,
+      disabled,
+      transition: t0
+    };
+    $[1] = disabled;
+    $[2] = id;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const {
+    attributes,
+    isDragging,
+    listeners,
+    setNodeRef,
+    transform,
+    transition
+  } = useSortable(t1);
+  const t2 = isDragging ? "grabbing" : "grab";
+  let t3;
+  if ($[4] !== t2 || $[5] !== transition) {
+    t3 = {
+      cursor: t2,
+      transition
+    };
+    $[4] = t2;
+    $[5] = transition;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== attributes || $[8] !== t3) {
+    t4 = {
+      ...attributes,
+      style: t3
+    };
+    $[7] = attributes;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const t5 = transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`;
+  let t6;
+  if ($[10] !== isDragging || $[11] !== listeners || $[12] !== setNodeRef || $[13] !== t4 || $[14] !== t5 || $[15] !== transition) {
+    t6 = {
+      attributes: t4,
+      isDragging,
+      listeners,
+      setNodeRef,
+      transform: t5,
+      transition
+    };
+    $[10] = isDragging;
+    $[11] = listeners;
+    $[12] = setNodeRef;
+    $[13] = t4;
+    $[14] = t5;
+    $[15] = transition;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  return t6;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/DraggableSortable/useDraggableSortable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useSortable","useDraggableSortable","props","$","id","disabled","t0","Symbol","for","duration","easing","t1","transition","attributes","isDragging","listeners","setNodeRef","transform","t2","t3","cursor","t4","style","t5","x","y","t6"],"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport { useSortable } from '@dnd-kit/sortable'\n\nimport type { UseDraggableSortableReturn } from './types.js'\n\nexport const useDraggableSortable = (props: UseDraggableArguments): UseDraggableSortableReturn => {\n  const { id, disabled } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform, transition } = useSortable({\n    id,\n    disabled,\n    transition: {\n      duration: 250,\n      easing: 'cubic-bezier(0, 0.2, 0.2, 1)',\n    },\n  })\n\n  return {\n    attributes: {\n      ...attributes,\n      style: {\n        cursor: isDragging ? 'grabbing' : 'grab',\n        transition,\n      },\n    },\n    isDragging,\n    listeners,\n    setNodeRef,\n    transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`, // translate3d is faster than translate in most browsers\n    transition,\n  }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,WAAW,QAAQ;AAI5B,OAAO,MAAMC,oBAAA,GAAuBC,KAAA;EAAA,MAAAC,CAAA,GAAAJ,EAAA;EAClC;IAAAK,EAAA;IAAAC;EAAA,IAAyBH,KAAA;EAAA,IAAAI,EAAA;EAAA,IAAAH,CAAA,QAAAI,MAAA,CAAAC,GAAA;IAKXF,EAAA;MAAAG,QAAA;MAAAC,MAAA,EAEF;IAAA;IACVP,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAC,EAAA;IAN2FO,EAAA;MAAAP,EAAA;MAAAC,QAAA;MAAAO,UAAA,EAG/EN;IAGZ;IACFH,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAPA;IAAAU,UAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAL;EAAA,IAAiFZ,WAAA,CAAYW,EAO7F;EAMc,MAAAO,EAAA,GAAAJ,UAAA,GAAa,aAAa;EAAA,IAAAK,EAAA;EAAA,IAAAhB,CAAA,QAAAe,EAAA,IAAAf,CAAA,QAAAS,UAAA;IAD7BO,EAAA;MAAAC,MAAA,EACGF,EAA0B;MAAAN;IAAA;IAEpCT,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAS,UAAA;IAAAT,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAU,UAAA,IAAAV,CAAA,QAAAgB,EAAA;IALUE,EAAA;MAAA,GACPR,UAAU;MAAAS,KAAA,EACNH;IAGP;IACFhB,CAAA,MAAAU,UAAA;IAAAV,CAAA,MAAAgB,EAAA;IAAAhB,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAIW,MAAAoB,EAAA,GAAAN,SAAA,IAAa,eAAeA,SAAA,CAAAO,CAAA,OAAkBP,SAAA,CAAAQ,CAAA,QAAmB;EAAA,IAAAC,EAAA;EAAA,IAAAvB,CAAA,SAAAW,UAAA,IAAAX,CAAA,SAAAY,SAAA,IAAAZ,CAAA,SAAAa,UAAA,IAAAb,CAAA,SAAAkB,EAAA,IAAAlB,CAAA,SAAAoB,EAAA,IAAApB,CAAA,SAAAS,UAAA;IAXvEc,EAAA;MAAAb,UAAA,EACOQ,EAMZ;MAAAP,UAAA;MAAAC,SAAA;MAAAC,UAAA;MAAAC,SAAA,EAIWM,EAAiE;MAAAX;IAAA;IAE9ET,CAAA,OAAAW,UAAA;IAAAX,CAAA,OAAAY,SAAA;IAAAZ,CAAA,OAAAa,UAAA;IAAAb,CAAA,OAAAkB,EAAA;IAAAlB,CAAA,OAAAoB,EAAA;IAAApB,CAAA,OAAAS,UAAA;IAAAT,CAAA,OAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EAAA,OAbOuB,EAaP;AAAA,CACF","ignoreList":[]}

package/dist/elements/DraggableSortable/useDraggableSortable/types.d.ts

@@ -0,0 +1,11 @@
+import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
+import type { HTMLAttributes } from 'react';
+export type UseDraggableSortableReturn = {
+    readonly attributes: HTMLAttributes<unknown>;
+    readonly isDragging?: boolean;
+    readonly listeners: SyntheticListenerMap;
+    readonly setNodeRef: (node: HTMLElement | null) => void;
+    readonly transform: string;
+    readonly transition: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/DraggableSortable/useDraggableSortable/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC5C,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAA;IACxC,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,CAAA"}

package/dist/elements/DraggableSortable/useDraggableSortable/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/DraggableSortable/useDraggableSortable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"sourcesContent":["import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities'\nimport type { HTMLAttributes } from 'react'\n\nexport type UseDraggableSortableReturn = {\n  readonly attributes: HTMLAttributes<unknown>\n  readonly isDragging?: boolean\n  readonly listeners: SyntheticListenerMap\n  readonly setNodeRef: (node: HTMLElement | null) => void\n  readonly transform: string\n  readonly transition: string\n}\n"],"mappings":"AAGA","ignoreList":[]}

package/dist/elements/Drawer/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { Props, TogglerProps } from './types.js';
+import './index.scss';
+export declare const drawerZBase = 100;
+export declare const formatDrawerSlug: ({ slug, depth }: {
+    depth: number;
+    slug: string;
+}) => string;
+export { useDrawerSlug } from './useDrawerSlug.js';
+export declare const DrawerToggler: React.FC<TogglerProps>;
+export declare const Drawer: React.FC<Props>;
+export declare const DrawerDepthContext: React.Context<number>;
+export declare const DrawerDepthProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useDrawerDepth: () => number;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqE,MAAM,OAAO,CAAA;AAEzF,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAKrD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,MAAM,CAAA;AAE9B,eAAO,MAAM,gBAAgB,oBAAqB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAAG,MACzD,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyBhD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsFlC,CAAA;AAED,eAAO,MAAM,kBAAkB,uBAAmB,CAAA;AAElD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAKvE,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,MAAiC,CAAA"}

package/dist/elements/Drawer/index.js

@@ -0,0 +1,207 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal, useModal } from '@faceless-ui/modal';
+import React, { createContext, use, useCallback, useLayoutEffect, useState } from 'react';
+import { XIcon } from '../../icons/X/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Gutter } from '../Gutter/index.js';
+import './index.scss';
+const baseClass = 'drawer';
+export const drawerZBase = 100;
+export const formatDrawerSlug = ({
+  slug,
+  depth
+}) => `drawer_${depth}_${slug}`;
+export { useDrawerSlug } from './useDrawerSlug.js';
+export const DrawerToggler = t0 => {
+  const $ = _c(4);
+  const {
+    slug,
+    children,
+    className,
+    disabled,
+    onClick,
+    ...rest
+  } = t0;
+  const {
+    openModal
+  } = useModal();
+  let t1;
+  if ($[0] !== onClick || $[1] !== openModal || $[2] !== slug) {
+    t1 = e => {
+      openModal(slug);
+      if (typeof onClick === "function") {
+        onClick(e);
+      }
+    };
+    $[0] = onClick;
+    $[1] = openModal;
+    $[2] = slug;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const handleClick = t1;
+  return _jsx("button", {
+    className,
+    disabled,
+    onClick: handleClick,
+    type: "button",
+    ...rest,
+    children
+  });
+};
+export const Drawer = t0 => {
+  const $ = _c(22);
+  const {
+    slug,
+    children,
+    className,
+    gutter: t1,
+    Header,
+    hoverTitle,
+    title
+  } = t0;
+  const gutter = t1 === undefined ? true : t1;
+  const {
+    t
+  } = useTranslation();
+  const {
+    closeModal,
+    modalState
+  } = useModal();
+  const drawerDepth = useDrawerDepth();
+  const isOpen = !!modalState[slug]?.isOpen;
+  const [animateIn, setAnimateIn] = useState(isOpen);
+  let t2;
+  let t3;
+  if ($[0] !== isOpen) {
+    t2 = () => {
+      setAnimateIn(isOpen);
+    };
+    t3 = [isOpen];
+    $[0] = isOpen;
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t2 = $[1];
+    t3 = $[2];
+  }
+  useLayoutEffect(t2, t3);
+  if (isOpen) {
+    const t4 = animateIn && `${baseClass}--is-open`;
+    const t5 = drawerDepth > 1 && `${baseClass}--nested`;
+    let t6;
+    if ($[3] !== className || $[4] !== t4 || $[5] !== t5) {
+      t6 = [className, baseClass, t4, t5].filter(Boolean);
+      $[3] = className;
+      $[4] = t4;
+      $[5] = t5;
+      $[6] = t6;
+    } else {
+      t6 = $[6];
+    }
+    const t7 = t6.join(" ");
+    const t8 = drawerZBase + drawerDepth;
+    let t9;
+    if ($[7] !== Header || $[8] !== children || $[9] !== closeModal || $[10] !== drawerDepth || $[11] !== gutter || $[12] !== hoverTitle || $[13] !== slug || $[14] !== t || $[15] !== t7 || $[16] !== t8 || $[17] !== title) {
+      let t10;
+      if ($[19] !== closeModal || $[20] !== slug) {
+        t10 = () => closeModal(slug);
+        $[19] = closeModal;
+        $[20] = slug;
+        $[21] = t10;
+      } else {
+        t10 = $[21];
+      }
+      t9 = _jsx(DrawerDepthProvider, {
+        children: _jsxs(Modal, {
+          className: t7,
+          closeOnBlur: false,
+          slug,
+          style: {
+            zIndex: t8
+          },
+          children: [(!drawerDepth || drawerDepth === 1) && _jsx("div", {
+            className: `${baseClass}__blur-bg`
+          }), _jsx("button", {
+            "aria-label": t("general:close"),
+            className: `${baseClass}__close`,
+            id: `close-drawer__${slug}`,
+            onClick: t10,
+            type: "button"
+          }), _jsxs("div", {
+            className: `${baseClass}__content`,
+            style: {
+              width: `calc(100% - (${drawerDepth} * var(--gutter-h)))`
+            },
+            children: [_jsx("div", {
+              className: `${baseClass}__blur-bg-content`
+            }), _jsxs(Gutter, {
+              className: `${baseClass}__content-children`,
+              left: gutter,
+              right: gutter,
+              children: [Header, Header === undefined && _jsxs("div", {
+                className: `${baseClass}__header`,
+                children: [_jsx("h2", {
+                  className: `${baseClass}__header__title`,
+                  title: hoverTitle ? title : null,
+                  children: title
+                }), _jsx("button", {
+                  "aria-label": t("general:close"),
+                  className: `${baseClass}__header__close`,
+                  id: `close-drawer__${slug}`,
+                  onClick: () => closeModal(slug),
+                  type: "button",
+                  children: _jsx(XIcon, {})
+                })]
+              }), children]
+            })]
+          })]
+        })
+      });
+      $[7] = Header;
+      $[8] = children;
+      $[9] = closeModal;
+      $[10] = drawerDepth;
+      $[11] = gutter;
+      $[12] = hoverTitle;
+      $[13] = slug;
+      $[14] = t;
+      $[15] = t7;
+      $[16] = t8;
+      $[17] = title;
+      $[18] = t9;
+    } else {
+      t9 = $[18];
+    }
+    return t9;
+  }
+  return null;
+};
+export const DrawerDepthContext = /*#__PURE__*/createContext(1);
+export const DrawerDepthProvider = t0 => {
+  const $ = _c(3);
+  const {
+    children
+  } = t0;
+  const parentDepth = useDrawerDepth();
+  const depth = parentDepth + 1;
+  let t1;
+  if ($[0] !== children || $[1] !== depth) {
+    t1 = _jsx(DrawerDepthContext, {
+      value: depth,
+      children
+    });
+    $[0] = children;
+    $[1] = depth;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+};
+export const useDrawerDepth = () => use(DrawerDepthContext);
+//# sourceMappingURL=index.js.map