@new-black/lyra 1.0.15 → 1.0.16

package/dist/lyra459.js

@@ -1,9 +1,92 @@
-import { useDndContext as o } from "./lyra462.js";
-import { isKeyboardEvent as r } from "./lyra616.js";
-function i() {
-  const { activatorEvent: t } = o();
-  return r(t);
+import { j as e } from "./lyra89.js";
+import { useMemo as j } from "react";
+import { createPortal as S } from "react-dom";
+import { MeasuringStrategy as E, useSensors as h, useSensor as a, DndContext as k, DragOverlay as C, useDroppable as U, KeyboardSensor as V, PointerSensor as P } from "./lyra461.js";
+import { restrictToParentElement as I } from "./lyra610.js";
+import { SortableContext as K, sortableKeyboardCoordinates as M } from "./lyra611.js";
+import { clsx as R } from "./lyra449.js";
+import { useDragEvents as w } from "./lyra612.js";
+import { useSortingStrategy as A } from "./lyra613.js";
+const G = {
+  droppable: {
+    strategy: E.Always
+  }
+}, W = ({
+  children: r,
+  collisionDetection: t,
+  disableRestrictToParent: o,
+  hasAdditionalTopPadding: i,
+  items: n,
+  keyboardCoordinateGetter: l,
+  onDragEnd: m,
+  onDragStart: c,
+  orientation: p,
+  overlay: d,
+  parentNode: u,
+  setItems: b
+}) => {
+  const f = h(
+    a(P),
+    a(V, {
+      coordinateGetter: l || M
+    })
+  ), {
+    activeItem: s,
+    onDragCancel: x,
+    onDragEnd: N,
+    onDragStart: D
+  } = w(n, b, c, m), g = A(p), y = j(() => n.map((v) => v.value), [n]);
+  return /* @__PURE__ */ e.jsxDEV(
+    k,
+    {
+      sensors: f,
+      onDragStart: D,
+      onDragEnd: N,
+      measuring: G,
+      onDragCancel: x,
+      collisionDetection: t,
+      children: /* @__PURE__ */ e.jsxDEV(K, { items: y, strategy: g, children: [
+        /* @__PURE__ */ e.jsxDEV(O, { id: "top-level", children: /* @__PURE__ */ e.jsxDEV("div", { className: R(i ? "-mt-[50px] pt-[50px]" : "mt-0 pt-0"), children: r }, void 0, !1, {
+          fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-container.tsx",
+          lineNumber: 79,
+          columnNumber: 11
+        }, void 0) }, void 0, !1, {
+          fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-container.tsx",
+          lineNumber: 78,
+          columnNumber: 9
+        }, void 0),
+        S(
+          /* @__PURE__ */ e.jsxDEV(C, { modifiers: o ? void 0 : [I], children: s ? d(s) : null }, void 0, !1, {
+            fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-container.tsx",
+            lineNumber: 84,
+            columnNumber: 11
+          }, void 0),
+          u ?? document.body
+        )
+      ] }, void 0, !0, {
+        fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-container.tsx",
+        lineNumber: 77,
+        columnNumber: 7
+      }, void 0)
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-container.tsx",
+      lineNumber: 69,
+      columnNumber: 5
+    },
+    void 0
+  );
+};
+function O({ children: r, id: t }) {
+  const { setNodeRef: o } = U({ id: t });
+  return /* @__PURE__ */ e.jsxDEV("div", { ref: o, children: r }, void 0, !1, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-container.tsx",
+    lineNumber: 96,
+    columnNumber: 10
+  }, this);
 }
 export {
-  i as useIsKeyboardSorting
+  W as SortableContainer
 };

package/dist/lyra459.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra459.js","sources":["../src/components/sortable/hooks/use-is-keyboard-sorting.ts"],"sourcesContent":["import { useDndContext } from \"@dnd-kit/core\";\nimport { isKeyboardEvent } from \"@dnd-kit/utilities\";\n\nexport function useIsKeyboardSorting() {\n  const { activatorEvent } = useDndContext();\n\n  return isKeyboardEvent(activatorEvent);\n}\n"],"names":["useIsKeyboardSorting","activatorEvent","useDndContext","isKeyboardEvent"],"mappings":";;AAGO,SAASA,IAAuB;AAC/B,QAAA,EAAE,gBAAAC,MAAmBC;AAE3B,SAAOC,EAAgBF,CAAc;AACvC;"}
+{"version":3,"file":"lyra459.js","sources":["../src/components/sortable/sortable-container.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport {\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MeasuringConfiguration,\n  MeasuringStrategy,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { restrictToParentElement } from \"@dnd-kit/modifiers\";\nimport { SortableContext, sortableKeyboardCoordinates } from \"@dnd-kit/sortable\";\nimport clsx from \"clsx\";\n\nimport { useDragEvents } from \"./hooks/use-drag-events\";\nimport { useSortingStrategy } from \"./hooks/use-sorting-strategy\";\nimport { SortableContainerProps } from \"./sortable.types\";\n\nconst measuring: MeasuringConfiguration = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\n/**\n * A container for sortable items. This component should be used to wrap around the items that you want to be sortable.\n *\n */\nexport const SortableContainer = <\n  TItemProps extends { value: string; label: string; items?: TItemProps[] },\n>({\n  children,\n  collisionDetection,\n  disableRestrictToParent,\n  hasAdditionalTopPadding,\n  items,\n  keyboardCoordinateGetter,\n  onDragEnd,\n  onDragStart,\n  orientation,\n  overlay,\n  parentNode,\n  setItems,\n}: SortableContainerProps<TItemProps>) => {\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: keyboardCoordinateGetter || sortableKeyboardCoordinates,\n    }),\n  );\n\n  const {\n    activeItem,\n    onDragCancel,\n    onDragEnd: handleDrag,\n    onDragStart: handleDragStart,\n  } = useDragEvents(items, setItems, onDragStart, onDragEnd);\n\n  const sortingStrategy = useSortingStrategy(orientation);\n\n  const itemIds = useMemo(() => items.map((item) => item.value), [items]);\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDrag}\n      measuring={measuring}\n      onDragCancel={onDragCancel}\n      collisionDetection={collisionDetection}\n    >\n      <SortableContext items={itemIds} strategy={sortingStrategy}>\n        <DroppableContainer id=\"top-level\">\n          <div className={clsx(hasAdditionalTopPadding ? \"-mt-[50px] pt-[50px]\" : \"mt-0 pt-0\")}>\n            {children}\n          </div>\n        </DroppableContainer>\n        {createPortal(\n          <DragOverlay modifiers={disableRestrictToParent ? undefined : [restrictToParentElement]}>\n            {activeItem ? overlay(activeItem) : null}\n          </DragOverlay>,\n          parentNode ?? document.body,\n        )}\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nfunction DroppableContainer({ children, id }: { children: ReactNode; id: any }) {\n  const { setNodeRef } = useDroppable({ id });\n  return <div ref={setNodeRef}>{children}</div>;\n}\n"],"names":["measuring","MeasuringStrategy","SortableContainer","children","collisionDetection","disableRestrictToParent","hasAdditionalTopPadding","items","keyboardCoordinateGetter","onDragEnd","onDragStart","orientation","overlay","parentNode","setItems","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","activeItem","onDragCancel","handleDrag","handleDragStart","useDragEvents","sortingStrategy","useSortingStrategy","itemIds","useMemo","item","jsxDEV","DndContext","SortableContext","DroppableContainer","clsx","this","createPortal","DragOverlay","restrictToParentElement","id","setNodeRef","useDroppable"],"mappings":";;;;;;;;;AAuBA,MAAMA,IAAoC;AAAA,EACxC,WAAW;AAAA,IACT,UAAUC,EAAkB;AAAA,EAC9B;AACF,GAMaC,IAAoB,CAE/B;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACF,MAA0C;AACxC,QAAMC,IAAUC;AAAA,IACdC,EAAUC,CAAa;AAAA,IACvBD,EAAUE,GAAgB;AAAA,MACxB,kBAAkBX,KAA4BY;AAAA,IAAA,CAC/C;AAAA,EAAA,GAGG;AAAA,IACJ,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAWC;AAAA,IACX,aAAaC;AAAA,EACX,IAAAC,EAAclB,GAAOO,GAAUJ,GAAaD,CAAS,GAEnDiB,IAAkBC,EAAmBhB,CAAW,GAEhDiB,IAAUC,EAAQ,MAAMtB,EAAM,IAAI,CAACuB,MAASA,EAAK,KAAK,GAAG,CAACvB,CAAK,CAAC;AAGpE,SAAAwB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAjB;AAAA,MACA,aAAaS;AAAA,MACb,WAAWD;AAAA,MACX,WAAAvB;AAAA,MACA,cAAAsB;AAAA,MACA,oBAAAlB;AAAA,MAEA,UAAC2B,gBAAAA,EAAAA,OAAAE,GAAA,EAAgB,OAAOL,GAAS,UAAUF,GACzC,UAAA;AAAA,QAACK,gBAAAA,EAAA,OAAAG,GAAA,EAAmB,IAAG,aACrB,UAACH,gBAAAA,EAAAA,OAAA,OAAA,EAAI,WAAWI,EAAK7B,IAA0B,yBAAyB,WAAW,GAChF,UAAAH,KADH,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAAAiC,MAEA,EAHF,GAAA,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAIA,GAAAA,MAAA;AAAA,QACCC;AAAA,UACEN,gBAAAA,EAAA,OAAAO,GAAA,EAAY,WAAWjC,IAA0B,SAAY,CAACkC,CAAuB,GACnF,UAAalB,IAAAT,EAAQS,CAAU,IAAI,KADtC,GAAA,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAEA,GAAAe,MAAA;AAAA,UACAvB,KAAc,SAAS;AAAA,QACzB;AAAA,MAAA,KAXF,QAAA,IAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAYA,GAAAuB,MAAA;AAAA,IAAA;AAAA,IApBF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAAA;AAuBJ;AAEA,SAASF,EAAmB,EAAE,UAAA/B,GAAU,IAAAqC,KAAwC;AAC9E,QAAM,EAAE,YAAAC,EAAW,IAAIC,EAAa,EAAE,IAAAF,EAAI,CAAA;AAC1C,SAAQT,gBAAAA,EAAA,OAAA,OAAA,EAAI,KAAKU,GAAa,UAAAtC,EAAvB,GAAA,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAgC,GAAA,IAAA;AACzC;"}

package/dist/lyra46.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra89.cjs"),s=require("./lyra88.cjs"),b=require("./lyra92.cjs");require("./lyra23.cjs");const D=require("./lyra24.cjs");require("./lyra25.cjs");const v=require("./lyra38.cjs"),P=require("./lyra39.cjs"),d=require("./lyra40.cjs"),_=({className:x,description:c,endSlot:i,errorMessage:p,fullWidth:o=!0,hideHintLabel:j,hideInputFooter:F,hideInputHeader:R,label:h,startSlot:r,...t},n)=>{[t,n]=s.useContextProps(t,n,s.TimeFieldContext);const{isInvalid:q,isRequired:E}=t,{wrapper:y}=d.sharedInputStyles({fullWidth:o,hasStartSlot:!!r,hasEndSlot:!!i}),{inputField:S}=d.sharedInputStyles({fullWidth:o,hasStartSlot:!!r,hasEndSlot:!!i}),{input:I,segment:g}=D.dateFieldStyles();return e.jsxRuntimeExports.jsx(s.TimeField,{...t,className:a=>y({className:x,isDisabled:a.isDisabled}),isInvalid:q,ref:n,children:({isDisabled:a})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(v.InputHeader,{label:h,hideHintLabel:j,hideInputHeader:R,isRequired:E}),e.jsxRuntimeExports.jsxs(s.Group,{className:({isDisabled:u,isFocusWithin:l,isHovered:N,isInvalid:T})=>S({isDisabled:u,isFocused:l,isHovered:N,isInvalid:T,className:"gap-2"}),children:[r,e.jsxRuntimeExports.jsx(s.DateInput,{className:I({className:"flex-1"}),children:u=>e.jsxRuntimeExports.jsx(s.DateSegment,{className:({isFocused:l})=>g({isFocused:l,isDisabled:a}),segment:u})}),i]}),e.jsxRuntimeExports.jsx(P.InputFooter,{description:c,errorMessage:p,hideInputFooter:F})]})})},m=b.fixedForwardRef(_);m.displayName="TimeField";exports.TimeField=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra89.cjs"),i=require("./lyra88.cjs"),S=require("./lyra92.cjs");require("./lyra23.cjs");const k=require("./lyra24.cjs");require("./lyra25.cjs");const I=require("./lyra38.cjs"),g=require("./lyra39.cjs"),d=require("./lyra40.cjs"),T=({className:c,description:p,endSlot:t,errorMessage:x,fullWidth:o=!0,hideHintLabel:f,hideInputFooter:N,hideInputHeader:j,label:D,startSlot:n,...s},r)=>{[s,r]=i.useContextProps(s,r,i.TimeFieldContext);const{isInvalid:b,isRequired:v}=s,{wrapper:E}=d.sharedInputStyles({fullWidth:o,hasStartSlot:!!n,hasEndSlot:!!t}),{inputField:y}=d.sharedInputStyles({fullWidth:o,hasStartSlot:!!n,hasEndSlot:!!t}),{input:F,segment:h}=k.dateFieldStyles();return e.jsxDevRuntimeExports.jsxDEV(i.TimeField,{...s,className:m=>E({className:c,isDisabled:m.isDisabled}),isInvalid:b,ref:r,children:({isDisabled:m})=>e.jsxDevRuntimeExports.jsxDEV(e.jsxDevRuntimeExports.Fragment,{children:[e.jsxDevRuntimeExports.jsxDEV(I.InputHeader,{label:D,hideHintLabel:f,hideInputHeader:j,isRequired:v},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/time-field/time-field.tsx",lineNumber:81,columnNumber:11},void 0),e.jsxDevRuntimeExports.jsxDEV(i.Group,{className:({isDisabled:l,isFocusWithin:u,isHovered:R,isInvalid:q})=>y({isDisabled:l,isFocused:u,isHovered:R,isInvalid:q,className:"min-h-8 gap-2"}),children:[n,e.jsxDevRuntimeExports.jsxDEV(i.DateInput,{className:F({className:"flex-1"}),children:l=>e.jsxDevRuntimeExports.jsxDEV(i.DateSegment,{className:({isFocused:u})=>h({isFocused:u,isDisabled:m}),segment:l},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/time-field/time-field.tsx",lineNumber:101,columnNumber:17},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/time-field/time-field.tsx",lineNumber:99,columnNumber:13},void 0),t]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/time-field/time-field.tsx",lineNumber:87,columnNumber:11},void 0),e.jsxDevRuntimeExports.jsxDEV(g.InputFooter,{description:p,errorMessage:x,hideInputFooter:N},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/time-field/time-field.tsx",lineNumber:114,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/time-field/time-field.tsx",lineNumber:80,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/time-field/time-field.tsx",lineNumber:68,columnNumber:5},void 0)},a=S.fixedForwardRef(T);a.displayName="TimeField";exports.TimeField=a;

package/dist/lyra46.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra46.cjs","sources":["../src/components/inputs/time-field/time-field.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef } from \"react\";\nimport {\n  DateInput,\n  DateSegment,\n  Group,\n  TimeField as AriaTimeField,\n  TimeFieldContext,\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { dateFieldStyles } from \"../date-picker\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TimeFieldProps<T extends TimeValue> = Omit<AriaTimeFieldProps<T>, \"className\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n  };\n\nexport type { TimeValue };\n\nconst _TimeField = <T extends TimeValue>(\n  {\n    className,\n    description,\n    endSlot,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    startSlot,\n    ...props\n  }: TimeFieldProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTimeField>>,\n) => {\n  [props, ref] = useContextProps(props, ref, TimeFieldContext);\n  const { isInvalid, isRequired } = props;\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n  const { inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n  const { input, segment: segmentStyles } = dateFieldStyles();\n\n  return (\n    <AriaTimeField\n      {...props}\n      className={(renderProps) =>\n        wrapper({\n          className,\n          isDisabled: renderProps.isDisabled,\n        })\n      }\n      isInvalid={isInvalid}\n      ref={ref}\n    >\n      {({ isDisabled }) => (\n        <>\n          <InputHeader\n            label={label}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n            isRequired={isRequired}\n          />\n          <Group\n            className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n              inputField({\n                isDisabled,\n                isFocused: isFocusWithin,\n                isHovered,\n                isInvalid,\n                className: \"gap-2\",\n              })\n            }\n          >\n            {startSlot}\n            <DateInput className={input({ className: \"flex-1\" })}>\n              {(segment) => (\n                <DateSegment\n                  className={({ isFocused }) => {\n                    return segmentStyles({\n                      isFocused,\n                      isDisabled,\n                    });\n                  }}\n                  segment={segment}\n                />\n              )}\n            </DateInput>\n            {endSlot}\n          </Group>\n          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTimeField>\n  );\n};\n\nexport const TimeField = fixedForwardRef(_TimeField);\n//@ts-ignore\nTimeField.displayName = \"TimeField\";\n"],"names":["_TimeField","className","description","endSlot","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","startSlot","props","ref","useContextProps","TimeFieldContext","isInvalid","isRequired","wrapper","sharedInputStyles","inputField","input","segmentStyles","dateFieldStyles","jsx","AriaTimeField","renderProps","isDisabled","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","InputFooter","TimeField","fixedForwardRef"],"mappings":"wUAmCMA,EAAa,CACjB,CACE,UAAAC,EACA,YAAAC,EACA,QAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,GACZ,cAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,gBAAgB,EACrD,KAAA,CAAE,UAAAC,EAAW,WAAAC,CAAe,EAAAL,EAE5B,CAAE,QAAAM,CAAQ,EAAIC,oBAAkB,CACpC,UAAAb,EACA,aAAc,CAAC,CAACK,EAChB,WAAY,CAAC,CAACP,CAAA,CACf,EACK,CAAE,WAAAgB,CAAW,EAAID,oBAAkB,CACvC,UAAAb,EACA,aAAc,CAAC,CAACK,EAChB,WAAY,CAAC,CAACP,CAAA,CACf,EACK,CAAE,MAAAiB,EAAO,QAASC,GAAkBC,EAAgB,gBAAA,EAGxD,OAAAC,EAAA,kBAAA,IAACC,EAAA,UAAA,CACE,GAAGb,EACJ,UAAYc,GACVR,EAAQ,CACN,UAAAhB,EACA,WAAYwB,EAAY,UAAA,CACzB,EAEH,UAAAV,EACA,IAAAH,EAEC,SAAC,CAAA,CAAE,WAAAc,CAAW,IAEXC,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAAAL,EAAA,kBAAA,IAACM,EAAA,YAAA,CACC,MAAApB,EACA,cAAAH,EACA,gBAAAE,EACA,WAAAQ,CAAA,CACF,EACAW,EAAA,kBAAA,KAACG,EAAA,MAAA,CACC,UAAW,CAAC,CAAE,WAAAJ,EAAY,cAAAK,EAAe,UAAAC,EAAW,UAAAjB,CAAU,IAC5DI,EAAW,CACT,WAAAO,EACA,UAAWK,EACX,UAAAC,EACA,UAAAjB,EACA,UAAW,OAAA,CACZ,EAGF,SAAA,CAAAL,EACDa,EAAAA,kBAAAA,IAACU,EAAU,UAAA,CAAA,UAAWb,EAAM,CAAE,UAAW,SAAU,EAChD,SAACc,GACAX,EAAA,kBAAA,IAACY,EAAA,YAAA,CACC,UAAW,CAAC,CAAE,UAAAC,KACLf,EAAc,CACnB,UAAAe,EACA,WAAAV,CAAA,CACD,EAEH,QAAAQ,CAAA,CAAA,EAGN,EACC/B,CAAA,CAAA,CACH,EACAoB,EAAA,kBAAA,IAACc,EAAA,YAAA,CACC,YAAAnC,EACA,aAAAE,EACA,gBAAAG,CAAA,CACF,CAAA,EACF,CAAA,CAAA,CAIR,EAEa+B,EAAYC,kBAAgBvC,CAAU,EAEnDsC,EAAU,YAAc"}
+{"version":3,"file":"lyra46.cjs","sources":["../src/components/inputs/time-field/time-field.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef } from \"react\";\nimport {\n  DateInput,\n  DateSegment,\n  Group,\n  TimeField as AriaTimeField,\n  TimeFieldContext,\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { dateFieldStyles } from \"../date-picker\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TimeFieldProps<T extends TimeValue> = Omit<AriaTimeFieldProps<T>, \"className\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n  };\n\nexport type { TimeValue };\n\nconst _TimeField = <T extends TimeValue>(\n  {\n    className,\n    description,\n    endSlot,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    startSlot,\n    ...props\n  }: TimeFieldProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTimeField>>,\n) => {\n  [props, ref] = useContextProps(props, ref, TimeFieldContext);\n  const { isInvalid, isRequired } = props;\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n  const { inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n  const { input, segment: segmentStyles } = dateFieldStyles();\n\n  return (\n    <AriaTimeField\n      {...props}\n      className={(renderProps) =>\n        wrapper({\n          className,\n          isDisabled: renderProps.isDisabled,\n        })\n      }\n      isInvalid={isInvalid}\n      ref={ref}\n    >\n      {({ isDisabled }) => (\n        <>\n          <InputHeader\n            label={label}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n            isRequired={isRequired}\n          />\n          <Group\n            className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n              inputField({\n                isDisabled,\n                isFocused: isFocusWithin,\n                isHovered,\n                isInvalid,\n                className: \"min-h-8 gap-2\",\n              })\n            }\n          >\n            {startSlot}\n            <DateInput className={input({ className: \"flex-1\" })}>\n              {(segment) => (\n                <DateSegment\n                  className={({ isFocused }) => {\n                    return segmentStyles({\n                      isFocused,\n                      isDisabled,\n                    });\n                  }}\n                  segment={segment}\n                />\n              )}\n            </DateInput>\n            {endSlot}\n          </Group>\n          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTimeField>\n  );\n};\n\nexport const TimeField = fixedForwardRef(_TimeField);\n//@ts-ignore\nTimeField.displayName = \"TimeField\";\n"],"names":["_TimeField","className","description","endSlot","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","startSlot","props","ref","useContextProps","TimeFieldContext","isInvalid","isRequired","wrapper","sharedInputStyles","inputField","input","segmentStyles","dateFieldStyles","jsxDEV","AriaTimeField","renderProps","isDisabled","Fragment","InputHeader","this","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","InputFooter","TimeField","fixedForwardRef"],"mappings":"wUAmCMA,EAAa,CACjB,CACE,UAAAC,EACA,YAAAC,EACA,QAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,GACZ,cAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,gBAAgB,EACrD,KAAA,CAAE,UAAAC,EAAW,WAAAC,CAAe,EAAAL,EAE5B,CAAE,QAAAM,CAAQ,EAAIC,oBAAkB,CACpC,UAAAb,EACA,aAAc,CAAC,CAACK,EAChB,WAAY,CAAC,CAACP,CAAA,CACf,EACK,CAAE,WAAAgB,CAAW,EAAID,oBAAkB,CACvC,UAAAb,EACA,aAAc,CAAC,CAACK,EAChB,WAAY,CAAC,CAACP,CAAA,CACf,EACK,CAAE,MAAAiB,EAAO,QAASC,GAAkBC,EAAgB,gBAAA,EAGxD,OAAAC,EAAA,qBAAA,OAACC,EAAA,UAAA,CACE,GAAGb,EACJ,UAAYc,GACVR,EAAQ,CACN,UAAAhB,EACA,WAAYwB,EAAY,UAAA,CACzB,EAEH,UAAAV,EACA,IAAAH,EAEC,SAAC,CAAA,CAAE,WAAAc,CAAW,IAEXH,EAAAA,qBAAAA,OAAAI,EAAAA,qBAAAA,SAAA,CAAA,SAAA,CAAAJ,EAAA,qBAAA,OAACK,EAAA,YAAA,CACC,MAAAnB,EACA,cAAAH,EACA,gBAAAE,EACA,WAAAQ,CAAA,EAJF,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,EAAA,EAAAa,MAKA,EACAN,EAAA,qBAAA,OAACO,EAAA,MAAA,CACC,UAAW,CAAC,CAAE,WAAAJ,EAAY,cAAAK,EAAe,UAAAC,EAAW,UAAAjB,CAAU,IAC5DI,EAAW,CACT,WAAAO,EACA,UAAWK,EACX,UAAAC,EACA,UAAAjB,EACA,UAAW,eAAA,CACZ,EAGF,SAAA,CAAAL,EACDa,EAAAA,qBAAAA,OAACU,EAAU,UAAA,CAAA,UAAWb,EAAM,CAAE,UAAW,SAAU,EAChD,SAACc,GACAX,EAAA,qBAAA,OAACY,EAAA,YAAA,CACC,UAAW,CAAC,CAAE,UAAAC,KACLf,EAAc,CACnB,UAAAe,EACA,WAAAV,CAAA,CACD,EAEH,QAAAQ,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,IAAA,aAAA,EAAA,EAAAL,MAAA,GAFJ,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,EAYA,EAAAA,MAAA,EACC1B,CAAA,CAAA,EAzBH,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,EAAA,EAAA0B,MA0BA,EACAN,EAAA,qBAAA,OAACc,EAAA,YAAA,CACC,YAAAnC,EACA,aAAAE,EACA,gBAAAG,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,IAAA,aAAA,EAAA,EAAAsB,MAIA,CAAA,GAtCF,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,CAuCA,EAAAA,MAAA,CAAA,EAnDJ,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuDJ,EAEaS,EAAYC,kBAAgBvC,CAAU,EAEnDsC,EAAU,YAAc"}

package/dist/lyra46.js

@@ -1,94 +1,142 @@
 import { j as e } from "./lyra89.js";
-import { useContextProps as g, TimeFieldContext as T, TimeField as y, Group as v, DateInput as E, DateSegment as R } from "./lyra88.js";
-import { fixedForwardRef as w } from "./lyra92.js";
+import { useContextProps as h, TimeFieldContext as k, TimeField as I, Group as U, DateInput as V, DateSegment as S } from "./lyra88.js";
+import { fixedForwardRef as g } from "./lyra92.js";
 import "./lyra23.js";
-import { dateFieldStyles as C } from "./lyra24.js";
+import { dateFieldStyles as T } from "./lyra24.js";
 import "./lyra25.js";
-import { InputHeader as q } from "./lyra38.js";
-import { InputFooter as G } from "./lyra39.js";
-import { sharedInputStyles as n } from "./lyra40.js";
-const H = ({
-  className: c,
-  description: l,
-  endSlot: a,
-  errorMessage: p,
-  fullWidth: m = !0,
-  hideHintLabel: f,
-  hideInputFooter: x,
-  hideInputHeader: $,
-  label: b,
+import { InputHeader as R } from "./lyra38.js";
+import { InputFooter as w } from "./lyra39.js";
+import { sharedInputStyles as l } from "./lyra40.js";
+const C = ({
+  className: o,
+  description: c,
+  endSlot: s,
+  errorMessage: f,
+  fullWidth: a = !0,
+  hideHintLabel: p,
+  hideInputFooter: u,
+  hideInputHeader: b,
+  label: N,
   startSlot: t,
-  ...s
-}, i) => {
-  [s, i] = g(s, i, T);
-  const { isInvalid: u, isRequired: F } = s, { wrapper: j } = n({
-    fullWidth: m,
+  ...i
+}, m) => {
+  [i, m] = h(i, m, k);
+  const { isInvalid: x, isRequired: $ } = i, { wrapper: j } = l({
+    fullWidth: a,
     hasStartSlot: !!t,
-    hasEndSlot: !!a
-  }), { inputField: h } = n({
-    fullWidth: m,
+    hasEndSlot: !!s
+  }), { inputField: D } = l({
+    fullWidth: a,
     hasStartSlot: !!t,
-    hasEndSlot: !!a
-  }), { input: I, segment: N } = C();
-  return /* @__PURE__ */ e.jsx(
-    y,
+    hasEndSlot: !!s
+  }), { input: v, segment: y } = T();
+  return /* @__PURE__ */ e.jsxDEV(
+    I,
     {
-      ...s,
-      className: (d) => j({
-        className: c,
-        isDisabled: d.isDisabled
+      ...i,
+      className: (n) => j({
+        className: o,
+        isDisabled: n.isDisabled
       }),
-      isInvalid: u,
-      ref: i,
-      children: ({ isDisabled: d }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
-          q,
+      isInvalid: x,
+      ref: m,
+      children: ({ isDisabled: n }) => /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsxDEV(
+          R,
           {
-            label: b,
-            hideHintLabel: f,
-            hideInputHeader: $,
-            isRequired: F
-          }
+            label: N,
+            hideHintLabel: p,
+            hideInputHeader: b,
+            isRequired: $
+          },
+          void 0,
+          !1,
+          {
+            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/time-field/time-field.tsx",
+            lineNumber: 81,
+            columnNumber: 11
+          },
+          void 0
         ),
-        /* @__PURE__ */ e.jsxs(
-          v,
+        /* @__PURE__ */ e.jsxDEV(
+          U,
           {
-            className: ({ isDisabled: r, isFocusWithin: o, isHovered: D, isInvalid: S }) => h({
+            className: ({ isDisabled: r, isFocusWithin: d, isHovered: F, isInvalid: E }) => D({
               isDisabled: r,
-              isFocused: o,
-              isHovered: D,
-              isInvalid: S,
-              className: "gap-2"
+              isFocused: d,
+              isHovered: F,
+              isInvalid: E,
+              className: "min-h-8 gap-2"
             }),
             children: [
               t,
-              /* @__PURE__ */ e.jsx(E, { className: I({ className: "flex-1" }), children: (r) => /* @__PURE__ */ e.jsx(
-                R,
+              /* @__PURE__ */ e.jsxDEV(V, { className: v({ className: "flex-1" }), children: (r) => /* @__PURE__ */ e.jsxDEV(
+                S,
                 {
-                  className: ({ isFocused: o }) => N({
-                    isFocused: o,
-                    isDisabled: d
+                  className: ({ isFocused: d }) => y({
+                    isFocused: d,
+                    isDisabled: n
                   }),
                   segment: r
-                }
-              ) }),
-              a
+                },
+                void 0,
+                !1,
+                {
+                  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/time-field/time-field.tsx",
+                  lineNumber: 101,
+                  columnNumber: 17
+                },
+                void 0
+              ) }, void 0, !1, {
+                fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/time-field/time-field.tsx",
+                lineNumber: 99,
+                columnNumber: 13
+              }, void 0),
+              s
             ]
-          }
+          },
+          void 0,
+          !0,
+          {
+            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/time-field/time-field.tsx",
+            lineNumber: 87,
+            columnNumber: 11
+          },
+          void 0
         ),
-        /* @__PURE__ */ e.jsx(
-          G,
+        /* @__PURE__ */ e.jsxDEV(
+          w,
           {
-            description: l,
-            errorMessage: p,
-            hideInputFooter: x
-          }
+            description: c,
+            errorMessage: f,
+            hideInputFooter: u
+          },
+          void 0,
+          !1,
+          {
+            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/time-field/time-field.tsx",
+            lineNumber: 114,
+            columnNumber: 11
+          },
+          void 0
         )
-      ] })
-    }
+      ] }, void 0, !0, {
+        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/time-field/time-field.tsx",
+        lineNumber: 80,
+        columnNumber: 9
+      }, void 0)
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/time-field/time-field.tsx",
+      lineNumber: 68,
+      columnNumber: 5
+    },
+    void 0
   );
-}, P = w(H);
-P.displayName = "TimeField";
+}, q = g(C);
+q.displayName = "TimeField";
 export {
-  P as TimeField
+  q as TimeField
 };

package/dist/lyra46.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra46.js","sources":["../src/components/inputs/time-field/time-field.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef } from \"react\";\nimport {\n  DateInput,\n  DateSegment,\n  Group,\n  TimeField as AriaTimeField,\n  TimeFieldContext,\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { dateFieldStyles } from \"../date-picker\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TimeFieldProps<T extends TimeValue> = Omit<AriaTimeFieldProps<T>, \"className\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n  };\n\nexport type { TimeValue };\n\nconst _TimeField = <T extends TimeValue>(\n  {\n    className,\n    description,\n    endSlot,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    startSlot,\n    ...props\n  }: TimeFieldProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTimeField>>,\n) => {\n  [props, ref] = useContextProps(props, ref, TimeFieldContext);\n  const { isInvalid, isRequired } = props;\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n  const { inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n  const { input, segment: segmentStyles } = dateFieldStyles();\n\n  return (\n    <AriaTimeField\n      {...props}\n      className={(renderProps) =>\n        wrapper({\n          className,\n          isDisabled: renderProps.isDisabled,\n        })\n      }\n      isInvalid={isInvalid}\n      ref={ref}\n    >\n      {({ isDisabled }) => (\n        <>\n          <InputHeader\n            label={label}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n            isRequired={isRequired}\n          />\n          <Group\n            className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n              inputField({\n                isDisabled,\n                isFocused: isFocusWithin,\n                isHovered,\n                isInvalid,\n                className: \"gap-2\",\n              })\n            }\n          >\n            {startSlot}\n            <DateInput className={input({ className: \"flex-1\" })}>\n              {(segment) => (\n                <DateSegment\n                  className={({ isFocused }) => {\n                    return segmentStyles({\n                      isFocused,\n                      isDisabled,\n                    });\n                  }}\n                  segment={segment}\n                />\n              )}\n            </DateInput>\n            {endSlot}\n          </Group>\n          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTimeField>\n  );\n};\n\nexport const TimeField = fixedForwardRef(_TimeField);\n//@ts-ignore\nTimeField.displayName = \"TimeField\";\n"],"names":["_TimeField","className","description","endSlot","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","startSlot","props","ref","useContextProps","TimeFieldContext","isInvalid","isRequired","wrapper","sharedInputStyles","inputField","input","segmentStyles","dateFieldStyles","jsx","AriaTimeField","renderProps","isDisabled","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","InputFooter","TimeField","fixedForwardRef"],"mappings":";;;;;;;;;AAmCA,MAAMA,IAAa,CACjB;AAAA,EACE,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAgB;AACrD,QAAA,EAAE,WAAAC,GAAW,YAAAC,EAAe,IAAAL,GAE5B,EAAE,SAAAM,EAAQ,IAAIC,EAAkB;AAAA,IACpC,WAAAb;AAAA,IACA,cAAc,CAAC,CAACK;AAAA,IAChB,YAAY,CAAC,CAACP;AAAA,EAAA,CACf,GACK,EAAE,YAAAgB,EAAW,IAAID,EAAkB;AAAA,IACvC,WAAAb;AAAA,IACA,cAAc,CAAC,CAACK;AAAA,IAChB,YAAY,CAAC,CAACP;AAAA,EAAA,CACf,GACK,EAAE,OAAAiB,GAAO,SAASC,MAAkBC,EAAgB;AAGxD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGb;AAAA,MACJ,WAAW,CAACc,MACVR,EAAQ;AAAA,QACN,WAAAhB;AAAA,QACA,YAAYwB,EAAY;AAAA,MAAA,CACzB;AAAA,MAEH,WAAAV;AAAA,MACA,KAAAH;AAAA,MAEC,UAAC,CAAA,EAAE,YAAAc,EAAW,MAEXC,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EAAA,UAAA;AAAA,QAAAL,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,OAAApB;AAAA,YACA,eAAAH;AAAA,YACA,iBAAAE;AAAA,YACA,YAAAQ;AAAA,UAAA;AAAA,QACF;AAAA,QACAW,gBAAAA,EAAA;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAE,YAAAJ,GAAY,eAAAK,GAAe,WAAAC,GAAW,WAAAjB,EAAU,MAC5DI,EAAW;AAAA,cACT,YAAAO;AAAAA,cACA,WAAWK;AAAA,cACX,WAAAC;AAAA,cACA,WAAAjB;AAAAA,cACA,WAAW;AAAA,YAAA,CACZ;AAAA,YAGF,UAAA;AAAA,cAAAL;AAAA,cACDa,gBAAAA,EAAAA,IAACU,GAAU,EAAA,WAAWb,EAAM,EAAE,WAAW,UAAU,GAChD,UAAA,CAACc,MACAX,gBAAAA,EAAA;AAAA,gBAACY;AAAAA,gBAAA;AAAA,kBACC,WAAW,CAAC,EAAE,WAAAC,QACLf,EAAc;AAAA,oBACnB,WAAAe;AAAA,oBACA,YAAAV;AAAA,kBAAA,CACD;AAAA,kBAEH,SAAAQ;AAAA,gBAAA;AAAA,cAAA,GAGN;AAAA,cACC/B;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QACAoB,gBAAAA,EAAA;AAAA,UAACc;AAAA,UAAA;AAAA,YACC,aAAAnC;AAAA,YACA,cAAAE;AAAA,YACA,iBAAAG;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAIR,GAEa+B,IAAYC,EAAgBvC,CAAU;AAEnDsC,EAAU,cAAc;"}
+{"version":3,"file":"lyra46.js","sources":["../src/components/inputs/time-field/time-field.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef } from \"react\";\nimport {\n  DateInput,\n  DateSegment,\n  Group,\n  TimeField as AriaTimeField,\n  TimeFieldContext,\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { dateFieldStyles } from \"../date-picker\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TimeFieldProps<T extends TimeValue> = Omit<AriaTimeFieldProps<T>, \"className\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n  };\n\nexport type { TimeValue };\n\nconst _TimeField = <T extends TimeValue>(\n  {\n    className,\n    description,\n    endSlot,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    startSlot,\n    ...props\n  }: TimeFieldProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTimeField>>,\n) => {\n  [props, ref] = useContextProps(props, ref, TimeFieldContext);\n  const { isInvalid, isRequired } = props;\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n  const { inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n  const { input, segment: segmentStyles } = dateFieldStyles();\n\n  return (\n    <AriaTimeField\n      {...props}\n      className={(renderProps) =>\n        wrapper({\n          className,\n          isDisabled: renderProps.isDisabled,\n        })\n      }\n      isInvalid={isInvalid}\n      ref={ref}\n    >\n      {({ isDisabled }) => (\n        <>\n          <InputHeader\n            label={label}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n            isRequired={isRequired}\n          />\n          <Group\n            className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n              inputField({\n                isDisabled,\n                isFocused: isFocusWithin,\n                isHovered,\n                isInvalid,\n                className: \"min-h-8 gap-2\",\n              })\n            }\n          >\n            {startSlot}\n            <DateInput className={input({ className: \"flex-1\" })}>\n              {(segment) => (\n                <DateSegment\n                  className={({ isFocused }) => {\n                    return segmentStyles({\n                      isFocused,\n                      isDisabled,\n                    });\n                  }}\n                  segment={segment}\n                />\n              )}\n            </DateInput>\n            {endSlot}\n          </Group>\n          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTimeField>\n  );\n};\n\nexport const TimeField = fixedForwardRef(_TimeField);\n//@ts-ignore\nTimeField.displayName = \"TimeField\";\n"],"names":["_TimeField","className","description","endSlot","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","startSlot","props","ref","useContextProps","TimeFieldContext","isInvalid","isRequired","wrapper","sharedInputStyles","inputField","input","segmentStyles","dateFieldStyles","jsxDEV","AriaTimeField","renderProps","isDisabled","Fragment","InputHeader","this","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","InputFooter","TimeField","fixedForwardRef"],"mappings":";;;;;;;;;AAmCA,MAAMA,IAAa,CACjB;AAAA,EACE,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAgB;AACrD,QAAA,EAAE,WAAAC,GAAW,YAAAC,EAAe,IAAAL,GAE5B,EAAE,SAAAM,EAAQ,IAAIC,EAAkB;AAAA,IACpC,WAAAb;AAAA,IACA,cAAc,CAAC,CAACK;AAAA,IAChB,YAAY,CAAC,CAACP;AAAA,EAAA,CACf,GACK,EAAE,YAAAgB,EAAW,IAAID,EAAkB;AAAA,IACvC,WAAAb;AAAA,IACA,cAAc,CAAC,CAACK;AAAA,IAChB,YAAY,CAAC,CAACP;AAAA,EAAA,CACf,GACK,EAAE,OAAAiB,GAAO,SAASC,MAAkBC,EAAgB;AAGxD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGb;AAAA,MACJ,WAAW,CAACc,MACVR,EAAQ;AAAA,QACN,WAAAhB;AAAA,QACA,YAAYwB,EAAY;AAAA,MAAA,CACzB;AAAA,MAEH,WAAAV;AAAA,MACA,KAAAH;AAAA,MAEC,UAAC,CAAA,EAAE,YAAAc,EAAW,MAEXH,gBAAAA,EAAAA,OAAAI,EAAAA,UAAA,EAAA,UAAA;AAAA,QAAAJ,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,OAAAnB;AAAA,YACA,eAAAH;AAAA,YACA,iBAAAE;AAAA,YACA,YAAAQ;AAAA,UAAA;AAAA,UAJF;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAAa;AAAAA,QAKA;AAAA,QACAN,gBAAAA,EAAA;AAAA,UAACO;AAAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAE,YAAAJ,GAAY,eAAAK,GAAe,WAAAC,GAAW,WAAAjB,EAAU,MAC5DI,EAAW;AAAA,cACT,YAAAO;AAAAA,cACA,WAAWK;AAAA,cACX,WAAAC;AAAA,cACA,WAAAjB;AAAAA,cACA,WAAW;AAAA,YAAA,CACZ;AAAA,YAGF,UAAA;AAAA,cAAAL;AAAA,cACDa,gBAAAA,EAAAA,OAACU,GAAU,EAAA,WAAWb,EAAM,EAAE,WAAW,UAAU,GAChD,UAAA,CAACc,MACAX,gBAAAA,EAAA;AAAA,gBAACY;AAAAA,gBAAA;AAAA,kBACC,WAAW,CAAC,EAAE,WAAAC,QACLf,EAAc;AAAA,oBACnB,WAAAe;AAAA,oBACA,YAAAV;AAAA,kBAAA,CACD;AAAA,kBAEH,SAAAQ;AAAA,gBAAA;AAAA,gBAPF;AAAA,gBAAA;AAAA,gBAAA;AAAA,kBAAA,UAAA;AAAA,kBAAA,YAAA;AAAA,kBAAA,cAAA;AAAA,gBAAA;AAAA,gBAAAL;AAAAA,cAAA,KAFJ,QAAA,IAAA;AAAA,gBAAA,UAAA;AAAA,gBAAA,YAAA;AAAA,gBAAA,cAAA;AAAA,cAYA,GAAAA,MAAA;AAAA,cACC1B;AAAA,YAAA;AAAA,UAAA;AAAA,UAzBH;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAA0B;AAAAA,QA0BA;AAAA,QACAN,gBAAAA,EAAA;AAAA,UAACc;AAAA,UAAA;AAAA,YACC,aAAAnC;AAAA,YACA,cAAAE;AAAA,YACA,iBAAAG;AAAA,UAAA;AAAA,UAHF;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAAsB;AAAAA,QAIA;AAAA,MAAA,KAtCF,QAAA,IAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAuCA,GAAAA,MAAA;AAAA,IAAA;AAAA,IAnDJ;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAAA;AAuDJ,GAEaS,IAAYC,EAAgBvC,CAAU;AAEnDsC,EAAU,cAAc;"}

package/dist/lyra460.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra89.cjs"),v=require("react"),R=require("react-dom"),e=require("./lyra462.cjs"),C=require("./lyra617.cjs"),i=require("./lyra618.cjs"),f=require("./lyra449.cjs"),h=require("./lyra619.cjs"),P=require("./lyra620.cjs"),M={droppable:{strategy:e.MeasuringStrategy.Always}},_=({children:r,collisionDetection:s,disableRestrictToParent:o,hasAdditionalTopPadding:u,items:n,keyboardCoordinateGetter:c,onDragEnd:l,onDragStart:d,orientation:x,overlay:g,parentNode:m,setItems:p})=>{const S=e.useSensors(e.useSensor(e.PointerSensor),e.useSensor(e.KeyboardSensor,{coordinateGetter:c||i.sortableKeyboardCoordinates})),{activeItem:a,onDragCancel:j,onDragEnd:b,onDragStart:y}=h.useDragEvents(n,p,d,l),D=P.useSortingStrategy(x),E=v.useMemo(()=>n.map(q=>q.value),[n]);return t.jsxRuntimeExports.jsx(e.DndContext,{sensors:S,onDragStart:y,onDragEnd:b,measuring:M,onDragCancel:j,collisionDetection:s,children:t.jsxRuntimeExports.jsxs(i.SortableContext,{items:E,strategy:D,children:[t.jsxRuntimeExports.jsx(G,{id:"top-level",children:t.jsxRuntimeExports.jsx("div",{className:f.clsx(u?"-mt-[50px] pt-[50px]":"mt-0 pt-0"),children:r})}),R.createPortal(t.jsxRuntimeExports.jsx(e.DragOverlay,{modifiers:o?void 0:[C.restrictToParentElement],children:a?g(a):null}),m??document.body)]})})};function G({children:r,id:s}){const{setNodeRef:o}=e.useDroppable({id:s});return t.jsxRuntimeExports.jsx("div",{ref:o,children:r})}exports.SortableContainer=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./lyra89.cjs"),j=require("react"),p=require("./lyra461.cjs"),q=require("./lyra611.cjs"),a=require("./lyra609.cjs"),v=({children:u,sortableId:i})=>{const{active:t,activeIndex:s,attributes:d,index:n,isDragging:c,isSorting:o,listeners:m,over:e,setNodeRef:l,transform:b,transition:f}=q.useSortable({id:i}),{activatorEvent:S}=p.useDndContext(),r=a.isKeyboardEvent(S),g={transform:o?void 0:a.CSS.Translate.toString(b),transition:f??void 0},x=j.useMemo(()=>{if(!((t==null?void 0:t.id)===(e==null?void 0:e.id)&&!r))return(e==null?void 0:e.id)===i?n>s?"after":"before":void 0},[t==null?void 0:t.id,e==null?void 0:e.id,r,i,n,s]);return y.jsxDevRuntimeExports.jsxDEV("div",{ref:l,style:g,children:u({isDragging:c,attributes:d,isKeyboardSorting:r,insertPosition:x,isSorting:o,listeners:m})},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-item.tsx",lineNumber:38,columnNumber:5},void 0)};exports.SortableItem=v;

package/dist/lyra460.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra460.cjs","sources":["../src/components/sortable/sortable-container.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport {\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MeasuringConfiguration,\n  MeasuringStrategy,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { restrictToParentElement } from \"@dnd-kit/modifiers\";\nimport { SortableContext, sortableKeyboardCoordinates } from \"@dnd-kit/sortable\";\nimport clsx from \"clsx\";\n\nimport { useDragEvents } from \"./hooks/use-drag-events\";\nimport { useSortingStrategy } from \"./hooks/use-sorting-strategy\";\nimport { SortableContainerProps } from \"./sortable.types\";\n\nconst measuring: MeasuringConfiguration = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\n/**\n * A container for sortable items. This component should be used to wrap around the items that you want to be sortable.\n *\n */\nexport const SortableContainer = <\n  TItemProps extends { value: string; label: string; items?: TItemProps[] },\n>({\n  children,\n  collisionDetection,\n  disableRestrictToParent,\n  hasAdditionalTopPadding,\n  items,\n  keyboardCoordinateGetter,\n  onDragEnd,\n  onDragStart,\n  orientation,\n  overlay,\n  parentNode,\n  setItems,\n}: SortableContainerProps<TItemProps>) => {\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: keyboardCoordinateGetter || sortableKeyboardCoordinates,\n    }),\n  );\n\n  const {\n    activeItem,\n    onDragCancel,\n    onDragEnd: handleDrag,\n    onDragStart: handleDragStart,\n  } = useDragEvents(items, setItems, onDragStart, onDragEnd);\n\n  const sortingStrategy = useSortingStrategy(orientation);\n\n  const itemIds = useMemo(() => items.map((item) => item.value), [items]);\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDrag}\n      measuring={measuring}\n      onDragCancel={onDragCancel}\n      collisionDetection={collisionDetection}\n    >\n      <SortableContext items={itemIds} strategy={sortingStrategy}>\n        <DroppableContainer id=\"top-level\">\n          <div className={clsx(hasAdditionalTopPadding ? \"-mt-[50px] pt-[50px]\" : \"mt-0 pt-0\")}>\n            {children}\n          </div>\n        </DroppableContainer>\n        {createPortal(\n          <DragOverlay modifiers={disableRestrictToParent ? undefined : [restrictToParentElement]}>\n            {activeItem ? overlay(activeItem) : null}\n          </DragOverlay>,\n          parentNode ?? document.body,\n        )}\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nfunction DroppableContainer({ children, id }: { children: ReactNode; id: any }) {\n  const { setNodeRef } = useDroppable({ id });\n  return <div ref={setNodeRef}>{children}</div>;\n}\n"],"names":["measuring","MeasuringStrategy","SortableContainer","children","collisionDetection","disableRestrictToParent","hasAdditionalTopPadding","items","keyboardCoordinateGetter","onDragEnd","onDragStart","orientation","overlay","parentNode","setItems","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","activeItem","onDragCancel","handleDrag","handleDragStart","useDragEvents","sortingStrategy","useSortingStrategy","itemIds","useMemo","item","jsx","DndContext","jsxs","SortableContext","DroppableContainer","clsx","createPortal","DragOverlay","restrictToParentElement","id","setNodeRef","useDroppable"],"mappings":"4TAuBMA,EAAoC,CACxC,UAAW,CACT,SAAUC,EAAkB,kBAAA,MAC9B,CACF,EAMaC,EAAoB,CAE/B,CACA,SAAAC,EACA,mBAAAC,EACA,wBAAAC,EACA,wBAAAC,EACA,MAAAC,EACA,yBAAAC,EACA,UAAAC,EACA,YAAAC,EACA,YAAAC,EACA,QAAAC,EACA,WAAAC,EACA,SAAAC,CACF,IAA0C,CACxC,MAAMC,EAAUC,EAAA,WACdC,EAAAA,UAAUC,EAAAA,aAAa,EACvBD,EAAAA,UAAUE,EAAAA,eAAgB,CACxB,iBAAkBX,GAA4BY,EAAA,2BAAA,CAC/C,CAAA,EAGG,CACJ,WAAAC,EACA,aAAAC,EACA,UAAWC,EACX,YAAaC,CACX,EAAAC,EAAA,cAAclB,EAAOO,EAAUJ,EAAaD,CAAS,EAEnDiB,EAAkBC,qBAAmBhB,CAAW,EAEhDiB,EAAUC,EAAAA,QAAQ,IAAMtB,EAAM,IAAKuB,GAASA,EAAK,KAAK,EAAG,CAACvB,CAAK,CAAC,EAGpE,OAAAwB,EAAA,kBAAA,IAACC,EAAA,WAAA,CACC,QAAAjB,EACA,YAAaS,EACb,UAAWD,EACX,UAAAvB,EACA,aAAAsB,EACA,mBAAAlB,EAEA,SAAC6B,EAAAA,kBAAAA,KAAAC,EAAAA,gBAAA,CAAgB,MAAON,EAAS,SAAUF,EACzC,SAAA,CAAAK,EAAA,kBAAA,IAACI,EAAmB,CAAA,GAAG,YACrB,SAAAJ,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWK,EAAAA,KAAK9B,EAA0B,uBAAyB,WAAW,EAChF,SAAAH,CACH,CAAA,EACF,EACCkC,EAAA,aACEN,EAAAA,kBAAAA,IAAAO,EAAAA,YAAA,CAAY,UAAWjC,EAA0B,OAAY,CAACkC,EAAuB,uBAAA,EACnF,SAAalB,EAAAT,EAAQS,CAAU,EAAI,IACtC,CAAA,EACAR,GAAc,SAAS,IACzB,CAAA,EACF,CAAA,CAAA,CAGN,EAEA,SAASsB,EAAmB,CAAE,SAAAhC,EAAU,GAAAqC,GAAwC,CAC9E,KAAM,CAAE,WAAAC,CAAW,EAAIC,EAAa,aAAA,CAAE,GAAAF,CAAI,CAAA,EAC1C,OAAQT,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAKU,EAAa,SAAAtC,CAAS,CAAA,CACzC"}
+{"version":3,"file":"lyra460.cjs","sources":["../src/components/sortable/sortable-item.tsx"],"sourcesContent":["import { CSSProperties, useMemo } from \"react\";\n\nimport { useDndContext } from \"@dnd-kit/core\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS, isKeyboardEvent } from \"@dnd-kit/utilities\";\n\nimport { SortableItemProps } from \"./sortable.types\";\n\nexport const SortableItem = ({ children, sortableId }: SortableItemProps) => {\n  const {\n    active,\n    activeIndex,\n    attributes,\n    index,\n    isDragging,\n    isSorting,\n    listeners,\n    over,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({\n    id: sortableId,\n  });\n\n  const { activatorEvent } = useDndContext();\n  const isKeyboardSorting = isKeyboardEvent(activatorEvent);\n  const style: CSSProperties = {\n    transform: isSorting ? undefined : CSS.Translate.toString(transform),\n    transition: transition ?? undefined,\n  };\n  const insertPosition = useMemo(() => {\n    if (active?.id === over?.id && !isKeyboardSorting) return undefined;\n    return over?.id === sortableId ? (index > activeIndex ? \"after\" : \"before\") : undefined;\n  }, [active?.id, over?.id, isKeyboardSorting, sortableId, index, activeIndex]);\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      {children({\n        isDragging,\n        attributes,\n        isKeyboardSorting,\n        insertPosition,\n        isSorting,\n        listeners,\n      })}\n    </div>\n  );\n};\n"],"names":["SortableItem","children","sortableId","active","activeIndex","attributes","index","isDragging","isSorting","listeners","over","setNodeRef","transform","transition","useSortable","activatorEvent","useDndContext","isKeyboardSorting","isKeyboardEvent","style","CSS","insertPosition","useMemo","jsxDEV","this"],"mappings":"oNAQaA,EAAe,CAAC,CAAE,SAAAC,EAAU,WAAAC,KAAoC,CACrE,KAAA,CACJ,OAAAC,EACA,YAAAC,EACA,WAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,UAAAC,EACA,KAAAC,EACA,WAAAC,EACA,UAAAC,EACA,WAAAC,GACEC,cAAY,CACd,GAAIZ,CAAA,CACL,EAEK,CAAE,eAAAa,GAAmBC,EAAAA,gBACrBC,EAAoBC,kBAAgBH,CAAc,EAClDI,EAAuB,CAC3B,UAAWX,EAAY,OAAYY,EAAI,IAAA,UAAU,SAASR,CAAS,EACnE,WAAYC,GAAc,MAAA,EAEtBQ,EAAiBC,EAAAA,QAAQ,IAAM,CACnC,GAAI,GAAAnB,GAAA,YAAAA,EAAQ,OAAOO,GAAA,YAAAA,EAAM,KAAM,CAACO,GAChC,OAAOP,GAAA,YAAAA,EAAM,MAAOR,EAAcI,EAAQF,EAAc,QAAU,SAAY,MAAA,EAC7E,CAACD,GAAA,YAAAA,EAAQ,GAAIO,GAAA,YAAAA,EAAM,GAAIO,EAAmBf,EAAYI,EAAOF,CAAW,CAAC,EAE5E,OACGmB,EAAAA,qBAAAA,OAAA,MAAA,CAAI,IAAKZ,EAAY,MAAAQ,EACnB,SAASlB,EAAA,CACR,WAAAM,EACA,WAAAF,EACA,kBAAAY,EACA,eAAAI,EACA,UAAAb,EACA,UAAAC,CAAA,CACD,CARH,EAAA,OAAA,GAAA,CAAA,SAAA,6EAAA,WAAA,GAAA,aAAA,CASA,EAAAe,MAAA,CAEJ"}

package/dist/lyra460.js

@@ -1,64 +1,43 @@
-import { j as r } from "./lyra89.js";
-import { useMemo as v } from "react";
-import { createPortal as h } from "react-dom";
-import { MeasuringStrategy as C, useSensors as E, useSensor as a, DndContext as P, DragOverlay as I, useDroppable as K, KeyboardSensor as M, PointerSensor as N } from "./lyra462.js";
-import { restrictToParentElement as R } from "./lyra617.js";
-import { SortableContext as w, sortableKeyboardCoordinates as A } from "./lyra618.js";
-import { clsx as G } from "./lyra449.js";
-import { useDragEvents as O } from "./lyra619.js";
-import { useSortingStrategy as T } from "./lyra620.js";
-const k = {
-  droppable: {
-    strategy: C.Always
-  }
-}, W = ({
-  children: t,
-  collisionDetection: e,
-  disableRestrictToParent: o,
-  hasAdditionalTopPadding: i,
-  items: n,
-  keyboardCoordinateGetter: m,
-  onDragEnd: l,
-  onDragStart: d,
-  orientation: p,
-  overlay: c,
-  parentNode: g,
-  setItems: u
-}) => {
-  const x = E(
-    a(N),
-    a(M, {
-      coordinateGetter: m || A
-    })
-  ), {
-    activeItem: s,
-    onDragCancel: f,
-    onDragEnd: S,
-    onDragStart: D
-  } = O(n, u, d, l), y = T(p), b = v(() => n.map((j) => j.value), [n]);
-  return /* @__PURE__ */ r.jsx(
-    P,
-    {
-      sensors: x,
-      onDragStart: D,
-      onDragEnd: S,
-      measuring: k,
-      onDragCancel: f,
-      collisionDetection: e,
-      children: /* @__PURE__ */ r.jsxs(w, { items: b, strategy: y, children: [
-        /* @__PURE__ */ r.jsx(q, { id: "top-level", children: /* @__PURE__ */ r.jsx("div", { className: G(i ? "-mt-[50px] pt-[50px]" : "mt-0 pt-0"), children: t }) }),
-        h(
-          /* @__PURE__ */ r.jsx(I, { modifiers: o ? void 0 : [R], children: s ? c(s) : null }),
-          g ?? document.body
-        )
-      ] })
-    }
-  );
+import { j as S } from "./lyra89.js";
+import { useMemo as g } from "react";
+import { useDndContext as j } from "./lyra461.js";
+import { useSortable as y } from "./lyra611.js";
+import { isKeyboardEvent as D, CSS as E } from "./lyra609.js";
+const h = ({ children: m, sortableId: r }) => {
+  const {
+    active: i,
+    activeIndex: o,
+    attributes: d,
+    index: n,
+    isDragging: a,
+    isSorting: s,
+    listeners: f,
+    over: t,
+    setNodeRef: u,
+    transform: l,
+    transition: c
+  } = y({
+    id: r
+  }), { activatorEvent: p } = j(), e = D(p), b = {
+    transform: s ? void 0 : E.Translate.toString(l),
+    transition: c ?? void 0
+  }, x = g(() => {
+    if (!((i == null ? void 0 : i.id) === (t == null ? void 0 : t.id) && !e))
+      return (t == null ? void 0 : t.id) === r ? n > o ? "after" : "before" : void 0;
+  }, [i == null ? void 0 : i.id, t == null ? void 0 : t.id, e, r, n, o]);
+  return /* @__PURE__ */ S.jsxDEV("div", { ref: u, style: b, children: m({
+    isDragging: a,
+    attributes: d,
+    isKeyboardSorting: e,
+    insertPosition: x,
+    isSorting: s,
+    listeners: f
+  }) }, void 0, !1, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-item.tsx",
+    lineNumber: 38,
+    columnNumber: 5
+  }, void 0);
 };
-function q({ children: t, id: e }) {
-  const { setNodeRef: o } = K({ id: e });
-  return /* @__PURE__ */ r.jsx("div", { ref: o, children: t });
-}
 export {
-  W as SortableContainer
+  h as SortableItem
 };

package/dist/lyra460.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra460.js","sources":["../src/components/sortable/sortable-container.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport {\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MeasuringConfiguration,\n  MeasuringStrategy,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { restrictToParentElement } from \"@dnd-kit/modifiers\";\nimport { SortableContext, sortableKeyboardCoordinates } from \"@dnd-kit/sortable\";\nimport clsx from \"clsx\";\n\nimport { useDragEvents } from \"./hooks/use-drag-events\";\nimport { useSortingStrategy } from \"./hooks/use-sorting-strategy\";\nimport { SortableContainerProps } from \"./sortable.types\";\n\nconst measuring: MeasuringConfiguration = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\n/**\n * A container for sortable items. This component should be used to wrap around the items that you want to be sortable.\n *\n */\nexport const SortableContainer = <\n  TItemProps extends { value: string; label: string; items?: TItemProps[] },\n>({\n  children,\n  collisionDetection,\n  disableRestrictToParent,\n  hasAdditionalTopPadding,\n  items,\n  keyboardCoordinateGetter,\n  onDragEnd,\n  onDragStart,\n  orientation,\n  overlay,\n  parentNode,\n  setItems,\n}: SortableContainerProps<TItemProps>) => {\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: keyboardCoordinateGetter || sortableKeyboardCoordinates,\n    }),\n  );\n\n  const {\n    activeItem,\n    onDragCancel,\n    onDragEnd: handleDrag,\n    onDragStart: handleDragStart,\n  } = useDragEvents(items, setItems, onDragStart, onDragEnd);\n\n  const sortingStrategy = useSortingStrategy(orientation);\n\n  const itemIds = useMemo(() => items.map((item) => item.value), [items]);\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDrag}\n      measuring={measuring}\n      onDragCancel={onDragCancel}\n      collisionDetection={collisionDetection}\n    >\n      <SortableContext items={itemIds} strategy={sortingStrategy}>\n        <DroppableContainer id=\"top-level\">\n          <div className={clsx(hasAdditionalTopPadding ? \"-mt-[50px] pt-[50px]\" : \"mt-0 pt-0\")}>\n            {children}\n          </div>\n        </DroppableContainer>\n        {createPortal(\n          <DragOverlay modifiers={disableRestrictToParent ? undefined : [restrictToParentElement]}>\n            {activeItem ? overlay(activeItem) : null}\n          </DragOverlay>,\n          parentNode ?? document.body,\n        )}\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nfunction DroppableContainer({ children, id }: { children: ReactNode; id: any }) {\n  const { setNodeRef } = useDroppable({ id });\n  return <div ref={setNodeRef}>{children}</div>;\n}\n"],"names":["measuring","MeasuringStrategy","SortableContainer","children","collisionDetection","disableRestrictToParent","hasAdditionalTopPadding","items","keyboardCoordinateGetter","onDragEnd","onDragStart","orientation","overlay","parentNode","setItems","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","activeItem","onDragCancel","handleDrag","handleDragStart","useDragEvents","sortingStrategy","useSortingStrategy","itemIds","useMemo","item","jsx","DndContext","jsxs","SortableContext","DroppableContainer","clsx","createPortal","DragOverlay","restrictToParentElement","id","setNodeRef","useDroppable"],"mappings":";;;;;;;;;AAuBA,MAAMA,IAAoC;AAAA,EACxC,WAAW;AAAA,IACT,UAAUC,EAAkB;AAAA,EAC9B;AACF,GAMaC,IAAoB,CAE/B;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACF,MAA0C;AACxC,QAAMC,IAAUC;AAAA,IACdC,EAAUC,CAAa;AAAA,IACvBD,EAAUE,GAAgB;AAAA,MACxB,kBAAkBX,KAA4BY;AAAA,IAAA,CAC/C;AAAA,EAAA,GAGG;AAAA,IACJ,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAWC;AAAA,IACX,aAAaC;AAAA,EACX,IAAAC,EAAclB,GAAOO,GAAUJ,GAAaD,CAAS,GAEnDiB,IAAkBC,EAAmBhB,CAAW,GAEhDiB,IAAUC,EAAQ,MAAMtB,EAAM,IAAI,CAACuB,MAASA,EAAK,KAAK,GAAG,CAACvB,CAAK,CAAC;AAGpE,SAAAwB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAjB;AAAA,MACA,aAAaS;AAAA,MACb,WAAWD;AAAA,MACX,WAAAvB;AAAA,MACA,cAAAsB;AAAA,MACA,oBAAAlB;AAAA,MAEA,UAAC6B,gBAAAA,EAAAA,KAAAC,GAAA,EAAgB,OAAON,GAAS,UAAUF,GACzC,UAAA;AAAA,QAAAK,gBAAAA,EAAA,IAACI,GAAmB,EAAA,IAAG,aACrB,UAAAJ,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAWK,EAAK9B,IAA0B,yBAAyB,WAAW,GAChF,UAAAH,EACH,CAAA,GACF;AAAA,QACCkC;AAAA,UACEN,gBAAAA,EAAAA,IAAAO,GAAA,EAAY,WAAWjC,IAA0B,SAAY,CAACkC,CAAuB,GACnF,UAAalB,IAAAT,EAAQS,CAAU,IAAI,KACtC,CAAA;AAAA,UACAR,KAAc,SAAS;AAAA,QACzB;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASsB,EAAmB,EAAE,UAAAhC,GAAU,IAAAqC,KAAwC;AAC9E,QAAM,EAAE,YAAAC,EAAW,IAAIC,EAAa,EAAE,IAAAF,EAAI,CAAA;AAC1C,SAAQT,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAKU,GAAa,UAAAtC,EAAS,CAAA;AACzC;"}
+{"version":3,"file":"lyra460.js","sources":["../src/components/sortable/sortable-item.tsx"],"sourcesContent":["import { CSSProperties, useMemo } from \"react\";\n\nimport { useDndContext } from \"@dnd-kit/core\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS, isKeyboardEvent } from \"@dnd-kit/utilities\";\n\nimport { SortableItemProps } from \"./sortable.types\";\n\nexport const SortableItem = ({ children, sortableId }: SortableItemProps) => {\n  const {\n    active,\n    activeIndex,\n    attributes,\n    index,\n    isDragging,\n    isSorting,\n    listeners,\n    over,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({\n    id: sortableId,\n  });\n\n  const { activatorEvent } = useDndContext();\n  const isKeyboardSorting = isKeyboardEvent(activatorEvent);\n  const style: CSSProperties = {\n    transform: isSorting ? undefined : CSS.Translate.toString(transform),\n    transition: transition ?? undefined,\n  };\n  const insertPosition = useMemo(() => {\n    if (active?.id === over?.id && !isKeyboardSorting) return undefined;\n    return over?.id === sortableId ? (index > activeIndex ? \"after\" : \"before\") : undefined;\n  }, [active?.id, over?.id, isKeyboardSorting, sortableId, index, activeIndex]);\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      {children({\n        isDragging,\n        attributes,\n        isKeyboardSorting,\n        insertPosition,\n        isSorting,\n        listeners,\n      })}\n    </div>\n  );\n};\n"],"names":["SortableItem","children","sortableId","active","activeIndex","attributes","index","isDragging","isSorting","listeners","over","setNodeRef","transform","transition","useSortable","activatorEvent","useDndContext","isKeyboardSorting","isKeyboardEvent","style","CSS","insertPosition","useMemo","jsxDEV","this"],"mappings":";;;;;AAQO,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,YAAAC,QAAoC;AACrE,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,MACEC,EAAY;AAAA,IACd,IAAIZ;AAAA,EAAA,CACL,GAEK,EAAE,gBAAAa,MAAmBC,KACrBC,IAAoBC,EAAgBH,CAAc,GAClDI,IAAuB;AAAA,IAC3B,WAAWX,IAAY,SAAYY,EAAI,UAAU,SAASR,CAAS;AAAA,IACnE,YAAYC,KAAc;AAAA,EAAA,GAEtBQ,IAAiBC,EAAQ,MAAM;AACnC,QAAI,GAAAnB,KAAA,gBAAAA,EAAQ,SAAOO,KAAA,gBAAAA,EAAM,OAAM,CAACO;AAChC,cAAOP,KAAA,gBAAAA,EAAM,QAAOR,IAAcI,IAAQF,IAAc,UAAU,WAAY;AAAA,EAAA,GAC7E,CAACD,KAAA,gBAAAA,EAAQ,IAAIO,KAAA,gBAAAA,EAAM,IAAIO,GAAmBf,GAAYI,GAAOF,CAAW,CAAC;AAE5E,SACGmB,gBAAAA,EAAAA,OAAA,OAAA,EAAI,KAAKZ,GAAY,OAAAQ,GACnB,UAASlB,EAAA;AAAA,IACR,YAAAM;AAAA,IACA,YAAAF;AAAA,IACA,mBAAAY;AAAA,IACA,gBAAAI;AAAA,IACA,WAAAb;AAAA,IACA,WAAAC;AAAA,EAAA,CACD,EARH,GAAA,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EASA,GAAAe,MAAA;AAEJ;"}