@new-black/lyra 1.0.17 → 1.0.18

package/dist/lyra454.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra454.js","sources":["../node_modules/@react-aria/spinbutton/dist/cs-CZ.mjs"],"sourcesContent":["var $15b25ab20f3945b2$exports = {};\n$15b25ab20f3945b2$exports = {\n    \"Empty\": `Pr\\xe1zdn\\xe9`\n};\n\n\nexport {$15b25ab20f3945b2$exports as default};\n//# sourceMappingURL=cs-CZ.module.js.map\n"],"names":["$15b25ab20f3945b2$exports"],"mappings":"AAAG,IAACA,IAA4B,CAAG;AACnCA,IAA4B;AAAA,EACxB,OAAS;AACb;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra454.js","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n  .object({\n    label: z.string(),\n    description: z.string().optional(),\n    iconStart: iconsSchema.optional(),\n    iconEnd: iconsSchema.optional(),\n    image: z.string().url().optional(),\n    customElement: z.any().optional(),\n  })\n  .transform((data) => {\n    // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n    // Priority is customElement > image > iconStart\n    if (data.customElement) {\n      delete data.image;\n      delete data.iconStart;\n    } else if (data.image) {\n      delete data.iconStart;\n    }\n    return data;\n  });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n  customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n  item: T;\n  selectRenderElements: SelectItemRenderPropFn<T>;\n  state: SharedListItemRenderPropArg;\n  hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n  hasSelection,\n  item,\n  selectRenderElements,\n  state,\n}: SharedListItemProps<T>) => {\n  const { customElement, description, iconEnd, iconStart, image, label } =\n    sharedListItemSchema.parse(selectRenderElements(item));\n\n  const {\n    item: itemStyles,\n    itemCheckmark: itemCheckmarkStyles,\n    itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n    itemDescription: itemDescriptionStyles,\n    itemEndIcon: itemEndIconStyles,\n    itemImage: itemImageStyles,\n    itemLabel: itemLabelStyles,\n    itemStartIcon: itemStartIconStyles,\n  } = sharedListItemStyles({\n    hasSelection,\n  });\n\n  return (\n    <div className={itemStyles(state)}>\n      {hasSelection ? (\n        <div className={itemCheckmarkWrapperStyles()}>\n          {state.selected ? (\n            <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n          ) : (\n            <div className=\"h-4 w-4\" />\n          )}\n        </div>\n      ) : null}\n      {customElement ? (customElement as ReactNode) : null}\n      {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n      {iconStart ? (\n        <div className={itemStartIconStyles(state)}>\n          <SvgIcon name={iconStart} />\n        </div>\n      ) : null}\n      <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n        <Text slot=\"label\" className={itemLabelStyles(state)}>\n          {label}\n        </Text>\n        {description ? (\n          <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {iconEnd ? (\n        <div className={itemEndIconStyles(state)}>\n          <SvgIcon name={iconEnd} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":";;;;;;AAUA,MAAMA,IAAuBC,EAC1B,OAAO;AAAA,EACN,OAAOA,EAAE,OAAO;AAAA,EAChB,aAAaA,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,WAAWC,EAAY,SAAS;AAAA,EAChC,SAASA,EAAY,SAAS;AAAA,EAC9B,OAAOD,EAAE,OAAS,EAAA,IAAA,EAAM,SAAS;AAAA,EACjC,eAAeA,EAAE,IAAI,EAAE,SAAS;AAClC,CAAC,EACA,UAAU,CAACE,OAGNA,EAAK,iBACP,OAAOA,EAAK,OACZ,OAAOA,EAAK,aACHA,EAAK,SACd,OAAOA,EAAK,WAEPA,EACR,GA6BUC,IAAiB,CAAmB;AAAA,EAC/C,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,OAAAC;AACF,MAA8B;AAC5B,QAAM,EAAE,eAAAC,GAAe,aAAAC,GAAa,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,OAAAC,EAAM,IACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,GAEjD;AAAA,IACJ,MAAMS;AAAA,IACN,eAAeC;AAAA,IACf,sBAAsBC;AAAA,IACtB,iBAAiBC;AAAA,IACjB,aAAaC;AAAA,IACb,WAAWC;AAAA,IACX,WAAWC;AAAA,IACX,eAAeC;AAAA,MACbC,EAAqB;AAAA,IACvB,cAAAlB;AAAA,EAAA,CACD;AAED,SACGmB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWT,EAAWP,CAAK,GAC7B,UAAA;AAAA,IACCH,IAAAoB,gBAAAA,EAAA,IAAC,SAAI,WAAWR,EAAA,GACb,UAAMT,EAAA,iCACJkB,GAAQ,EAAA,MAAK,aAAY,WAAWV,EAAoBR,CAAK,EAAG,CAAA,0BAEhE,OAAI,EAAA,WAAU,WAAU,EAAA,CAE7B,IACE;AAAA,IACHC,KAA+C;AAAA,IAC/CI,IAASY,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAKZ,GAAO,KAAKC,GAAO,WAAWM,EAAgBZ,CAAK,EAAA,CAAG,IAAK;AAAA,IAC7EI,IACCa,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWH,EAAoBd,CAAK,GACvC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMd,EAAW,CAAA,EAC5B,CAAA,IACE;AAAA,IACJY,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,4DACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACE,KAAK,MAAK,SAAQ,WAAWN,EAAgBb,CAAK,GAChD,UACHM,GAAA;AAAA,MACCJ,IACEe,gBAAAA,EAAAA,IAAAE,GAAA,EAAK,MAAK,eAAc,WAAWT,EAAsBV,CAAK,GAC5D,UAAAE,EAAA,CACH,IACE;AAAA,IAAA,GACN;AAAA,IACCC,IACCc,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWN,EAAkBX,CAAK,GACrC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMf,EAAS,CAAA,EAC1B,CAAA,IACE;AAAA,EACN,EAAA,CAAA;AAEJ;"}

package/dist/lyra455.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});exports.default={};exports.default={Empty:"Tom"};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),l=require("react"),n=require("./lyra89.cjs"),m=require("./lyra93.cjs"),R=require("./lyra607.cjs"),f=require("./lyra65.cjs"),d=require("./lyra456.cjs"),g=l.createContext(null);function v({children:a,items:t,label:i,renderEmptyState:o,...s},r){return[s,r]=n.useContextProps(s,r,n.TagGroupContext),e.jsxRuntimeExports.jsx(g.Provider,{value:{onRemove:s.onRemove},children:e.jsxRuntimeExports.jsx(n.TagGroup,{...s,"aria-label":i,className:d.tagGroupStyles({className:s.className}),ref:r,children:e.jsxRuntimeExports.jsx(n.TagList,{items:t,renderEmptyState:o,className:"flex flex-wrap gap-1",children:a})})})}const p=m.fixedForwardRef(v);p.displayName="InputTagGroup";function y({children:a,...t},i){const{onRemove:o}=l.useContext(g),s=typeof a=="string"?a:void 0,{removeButton:r,tag:T}=d.tagStyles();return e.jsxRuntimeExports.jsx(n.Tag,{ref:i,textValue:s,...t,className:n.composeRenderProps(t.className,(x,u)=>T({...u,isDisabled:u.isDisabled,className:x})),children:({allowsRemoving:x,isDisabled:u})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[a,x&&!u&&!t.isDisabled&&e.jsxRuntimeExports.jsx(R.SpanButton,{className:r(),onPress:()=>{const c=new Set;t.id!==void 0&&c.add(t.id),o==null||o(c)},children:e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"clear"})})]})})}const j=m.fixedForwardRef(y);j.displayName="InputTag";exports.InputTag=j;exports.InputTagGroup=p;

package/dist/lyra455.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra455.cjs","sources":["../node_modules/@react-aria/spinbutton/dist/da-DK.mjs"],"sourcesContent":["var $692a4298b6b649a2$exports = {};\n$692a4298b6b649a2$exports = {\n    \"Empty\": `Tom`\n};\n\n\nexport {$692a4298b6b649a2$exports as default};\n//# sourceMappingURL=da-DK.module.js.map\n"],"names":["$692a4298b6b649a2$exports"],"mappings":"4GAAIA,QAAAA,QAA4B,CAAG,EACnCA,QAAAA,QAA4B,CACxB,MAAS,KACb","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra455.cjs","sources":["../src/components/inputs/input-tag-group/input-tag-group.tsx"],"sourcesContent":["import { createContext, ElementRef, ForwardedRef, useContext } from \"react\";\nimport {\n  composeRenderProps,\n  Key,\n  Tag as AriaTag,\n  TagGroup as AriaTagGroup,\n  TagGroupContext,\n  TagGroupProps as AriaTagGroupProps,\n  TagList,\n  TagListProps,\n  TagProps as AriaTagProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers.ts\";\nimport { SpanButton } from \"../../button/span-button.tsx\";\nimport { SvgIcon } from \"../../svg-icon/index.tsx\";\n\nimport { tagGroupStyles, tagStyles } from \"./input-tag-group.styles.ts\";\n\nexport interface InputTagGroupProps<T>\n  extends Omit<AriaTagGroupProps, \"children\">,\n    Pick<TagListProps<T>, \"items\" | \"children\" | \"renderEmptyState\"> {\n  label: string;\n}\n\nconst SharedTagGroupContext = createContext<Pick<InputTagGroupProps<any>, \"onRemove\">>(null as any);\n\nfunction _InputTagGroup<T extends object>(\n  { children, items, label, renderEmptyState, ...props }: InputTagGroupProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTagGroup>>,\n) {\n  [props, ref] = useContextProps(props, ref, TagGroupContext);\n  return (\n    <SharedTagGroupContext.Provider value={{ onRemove: props.onRemove }}>\n      <AriaTagGroup\n        {...props}\n        aria-label={label}\n        className={tagGroupStyles({ className: props.className })}\n        ref={ref}\n      >\n        <TagList items={items} renderEmptyState={renderEmptyState} className=\"flex flex-wrap gap-1\">\n          {children}\n        </TagList>\n      </AriaTagGroup>\n    </SharedTagGroupContext.Provider>\n  );\n}\n\nexport const InputTagGroup = fixedForwardRef(_InputTagGroup);\n// @ts-ignore\nInputTagGroup.displayName = \"InputTagGroup\";\n\nexport type InputTagProps = AriaTagProps & { isDisabled?: boolean };\n\nfunction _InputTag(\n  { children, ...props }: InputTagProps,\n  ref: ForwardedRef<ElementRef<typeof AriaTag>>,\n) {\n  const { onRemove } = useContext(SharedTagGroupContext);\n  const textValue = typeof children === \"string\" ? children : undefined;\n  const { removeButton, tag } = tagStyles();\n\n  return (\n    <AriaTag\n      ref={ref}\n      textValue={textValue}\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) => {\n        return tag({ ...renderProps, isDisabled: renderProps.isDisabled, className });\n      })}\n    >\n      {({ allowsRemoving, isDisabled }) => (\n        <>\n          {children}\n          {allowsRemoving && !isDisabled && !props.isDisabled && (\n            <SpanButton\n              className={removeButton()}\n              onPress={() => {\n                const keysToRemove = new Set<Key>();\n                if (props.id !== undefined) keysToRemove.add(props.id);\n                onRemove?.(keysToRemove);\n              }}\n            >\n              <SvgIcon name=\"clear\" />\n            </SpanButton>\n          )}\n        </>\n      )}\n    </AriaTag>\n  );\n}\n\nexport const InputTag = fixedForwardRef(_InputTag);\n// @ts-ignore\nInputTag.displayName = \"InputTag\";\n"],"names":["SharedTagGroupContext","createContext","_InputTagGroup","children","items","label","renderEmptyState","props","ref","useContextProps","TagGroupContext","jsx","AriaTagGroup","tagGroupStyles","TagList","InputTagGroup","fixedForwardRef","_InputTag","onRemove","useContext","textValue","removeButton","tag","tagStyles","AriaTag","composeRenderProps","className","renderProps","allowsRemoving","isDisabled","jsxs","Fragment","SpanButton","keysToRemove","SvgIcon","InputTag"],"mappings":"uQA0BMA,EAAwBC,EAAAA,cAAyD,IAAW,EAElG,SAASC,EACP,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAO,iBAAAC,EAAkB,GAAGC,CAAM,EACrDC,EACA,CACA,OAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,eAAe,EAExDC,wBAACX,EAAsB,SAAtB,CAA+B,MAAO,CAAE,SAAUO,EAAM,UACvD,SAAAI,EAAA,kBAAA,IAACC,EAAA,SAAA,CACE,GAAGL,EACJ,aAAYF,EACZ,UAAWQ,EAAAA,eAAe,CAAE,UAAWN,EAAM,UAAW,EACxD,IAAAC,EAEA,iCAACM,EAAAA,QAAQ,CAAA,MAAAV,EAAc,iBAAAE,EAAoC,UAAU,uBAClE,SAAAH,EACH,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAEa,MAAAY,EAAgBC,kBAAgBd,CAAc,EAE3Da,EAAc,YAAc,gBAI5B,SAASE,EACP,CAAE,SAAAd,EAAU,GAAGI,CAAA,EACfC,EACA,CACA,KAAM,CAAE,SAAAU,CAAA,EAAaC,EAAA,WAAWnB,CAAqB,EAC/CoB,EAAY,OAAOjB,GAAa,SAAWA,EAAW,OACtD,CAAE,aAAAkB,EAAc,IAAAC,CAAI,EAAIC,EAAU,UAAA,EAGtC,OAAAZ,EAAA,kBAAA,IAACa,EAAA,IAAA,CACC,IAAAhB,EACA,UAAAY,EACC,GAAGb,EACJ,UAAWkB,EAAmB,mBAAAlB,EAAM,UAAW,CAACmB,EAAWC,IAClDL,EAAI,CAAE,GAAGK,EAAa,WAAYA,EAAY,WAAY,UAAAD,EAAW,CAC7E,EAEA,SAAC,CAAA,CAAE,eAAAE,EAAgB,WAAAC,KAEfC,yBAAAC,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAAA5B,EACAyB,GAAkB,CAACC,GAAc,CAACtB,EAAM,YACvCI,EAAA,kBAAA,IAACqB,EAAA,WAAA,CACC,UAAWX,EAAa,EACxB,QAAS,IAAM,CACP,MAAAY,MAAmB,IACrB1B,EAAM,KAAO,QAAwB0B,EAAA,IAAI1B,EAAM,EAAE,EACrDW,GAAA,MAAAA,EAAWe,EACb,EAEA,SAAAtB,EAAAA,kBAAAA,IAACuB,EAAAA,QAAQ,CAAA,KAAK,OAAQ,CAAA,CAAA,CACxB,CAAA,EAEJ,CAAA,CAAA,CAIR,CAEa,MAAAC,EAAWnB,kBAAgBC,CAAS,EAEjDkB,EAAS,YAAc"}

package/dist/lyra455.js

@@ -1,7 +1,54 @@
-var a = {};
-a = {
-  Empty: "Tom"
-};
+import { j as e } from "./lyra90.js";
+import { createContext as u, useContext as x } from "react";
+import { useContextProps as p, TagGroupContext as g, TagGroup as $, TagList as b, Tag as T, composeRenderProps as j } from "./lyra89.js";
+import { fixedForwardRef as f } from "./lyra93.js";
+import { SpanButton as N } from "./lyra607.js";
+import { SvgIcon as v } from "./lyra65.js";
+import { tagGroupStyles as G, tagStyles as I } from "./lyra456.js";
+const c = u(null);
+function y({ children: o, items: a, label: i, renderEmptyState: s, ...t }, r) {
+  return [t, r] = p(t, r, g), /* @__PURE__ */ e.jsx(c.Provider, { value: { onRemove: t.onRemove }, children: /* @__PURE__ */ e.jsx(
+    $,
+    {
+      ...t,
+      "aria-label": i,
+      className: G({ className: t.className }),
+      ref: r,
+      children: /* @__PURE__ */ e.jsx(b, { items: a, renderEmptyState: s, className: "flex flex-wrap gap-1", children: o })
+    }
+  ) });
+}
+const S = f(y);
+S.displayName = "InputTagGroup";
+function C({ children: o, ...a }, i) {
+  const { onRemove: s } = x(c), t = typeof o == "string" ? o : void 0, { removeButton: r, tag: l } = I();
+  return /* @__PURE__ */ e.jsx(
+    T,
+    {
+      ref: i,
+      textValue: t,
+      ...a,
+      className: j(a.className, (d, n) => l({ ...n, isDisabled: n.isDisabled, className: d })),
+      children: ({ allowsRemoving: d, isDisabled: n }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        o,
+        d && !n && !a.isDisabled && /* @__PURE__ */ e.jsx(
+          N,
+          {
+            className: r(),
+            onPress: () => {
+              const m = /* @__PURE__ */ new Set();
+              a.id !== void 0 && m.add(a.id), s == null || s(m);
+            },
+            children: /* @__PURE__ */ e.jsx(v, { name: "clear" })
+          }
+        )
+      ] })
+    }
+  );
+}
+const R = f(C);
+R.displayName = "InputTag";
 export {
-  a as default
+  R as InputTag,
+  S as InputTagGroup
 };

package/dist/lyra455.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra455.js","sources":["../node_modules/@react-aria/spinbutton/dist/da-DK.mjs"],"sourcesContent":["var $692a4298b6b649a2$exports = {};\n$692a4298b6b649a2$exports = {\n    \"Empty\": `Tom`\n};\n\n\nexport {$692a4298b6b649a2$exports as default};\n//# sourceMappingURL=da-DK.module.js.map\n"],"names":["$692a4298b6b649a2$exports"],"mappings":"AAAG,IAACA,IAA4B,CAAG;AACnCA,IAA4B;AAAA,EACxB,OAAS;AACb;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra455.js","sources":["../src/components/inputs/input-tag-group/input-tag-group.tsx"],"sourcesContent":["import { createContext, ElementRef, ForwardedRef, useContext } from \"react\";\nimport {\n  composeRenderProps,\n  Key,\n  Tag as AriaTag,\n  TagGroup as AriaTagGroup,\n  TagGroupContext,\n  TagGroupProps as AriaTagGroupProps,\n  TagList,\n  TagListProps,\n  TagProps as AriaTagProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers.ts\";\nimport { SpanButton } from \"../../button/span-button.tsx\";\nimport { SvgIcon } from \"../../svg-icon/index.tsx\";\n\nimport { tagGroupStyles, tagStyles } from \"./input-tag-group.styles.ts\";\n\nexport interface InputTagGroupProps<T>\n  extends Omit<AriaTagGroupProps, \"children\">,\n    Pick<TagListProps<T>, \"items\" | \"children\" | \"renderEmptyState\"> {\n  label: string;\n}\n\nconst SharedTagGroupContext = createContext<Pick<InputTagGroupProps<any>, \"onRemove\">>(null as any);\n\nfunction _InputTagGroup<T extends object>(\n  { children, items, label, renderEmptyState, ...props }: InputTagGroupProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTagGroup>>,\n) {\n  [props, ref] = useContextProps(props, ref, TagGroupContext);\n  return (\n    <SharedTagGroupContext.Provider value={{ onRemove: props.onRemove }}>\n      <AriaTagGroup\n        {...props}\n        aria-label={label}\n        className={tagGroupStyles({ className: props.className })}\n        ref={ref}\n      >\n        <TagList items={items} renderEmptyState={renderEmptyState} className=\"flex flex-wrap gap-1\">\n          {children}\n        </TagList>\n      </AriaTagGroup>\n    </SharedTagGroupContext.Provider>\n  );\n}\n\nexport const InputTagGroup = fixedForwardRef(_InputTagGroup);\n// @ts-ignore\nInputTagGroup.displayName = \"InputTagGroup\";\n\nexport type InputTagProps = AriaTagProps & { isDisabled?: boolean };\n\nfunction _InputTag(\n  { children, ...props }: InputTagProps,\n  ref: ForwardedRef<ElementRef<typeof AriaTag>>,\n) {\n  const { onRemove } = useContext(SharedTagGroupContext);\n  const textValue = typeof children === \"string\" ? children : undefined;\n  const { removeButton, tag } = tagStyles();\n\n  return (\n    <AriaTag\n      ref={ref}\n      textValue={textValue}\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) => {\n        return tag({ ...renderProps, isDisabled: renderProps.isDisabled, className });\n      })}\n    >\n      {({ allowsRemoving, isDisabled }) => (\n        <>\n          {children}\n          {allowsRemoving && !isDisabled && !props.isDisabled && (\n            <SpanButton\n              className={removeButton()}\n              onPress={() => {\n                const keysToRemove = new Set<Key>();\n                if (props.id !== undefined) keysToRemove.add(props.id);\n                onRemove?.(keysToRemove);\n              }}\n            >\n              <SvgIcon name=\"clear\" />\n            </SpanButton>\n          )}\n        </>\n      )}\n    </AriaTag>\n  );\n}\n\nexport const InputTag = fixedForwardRef(_InputTag);\n// @ts-ignore\nInputTag.displayName = \"InputTag\";\n"],"names":["SharedTagGroupContext","createContext","_InputTagGroup","children","items","label","renderEmptyState","props","ref","useContextProps","TagGroupContext","jsx","AriaTagGroup","tagGroupStyles","TagList","InputTagGroup","fixedForwardRef","_InputTag","onRemove","useContext","textValue","removeButton","tag","tagStyles","AriaTag","composeRenderProps","className","renderProps","allowsRemoving","isDisabled","jsxs","Fragment","SpanButton","keysToRemove","SvgIcon","InputTag"],"mappings":";;;;;;;AA0BA,MAAMA,IAAwBC,EAAyD,IAAW;AAElG,SAASC,EACP,EAAE,UAAAC,GAAU,OAAAC,GAAO,OAAAC,GAAO,kBAAAC,GAAkB,GAAGC,EAAM,GACrDC,GACA;AACA,UAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAe,GAExDC,gBAAAA,MAACX,EAAsB,UAAtB,EAA+B,OAAO,EAAE,UAAUO,EAAM,YACvD,UAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,cAAYF;AAAA,MACZ,WAAWQ,EAAe,EAAE,WAAWN,EAAM,WAAW;AAAA,MACxD,KAAAC;AAAA,MAEA,gCAACM,GAAQ,EAAA,OAAAV,GAAc,kBAAAE,GAAoC,WAAU,wBAClE,UAAAH,GACH;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;AAEa,MAAAY,IAAgBC,EAAgBd,CAAc;AAE3Da,EAAc,cAAc;AAI5B,SAASE,EACP,EAAE,UAAAd,GAAU,GAAGI,EAAA,GACfC,GACA;AACA,QAAM,EAAE,UAAAU,EAAA,IAAaC,EAAWnB,CAAqB,GAC/CoB,IAAY,OAAOjB,KAAa,WAAWA,IAAW,QACtD,EAAE,cAAAkB,GAAc,KAAAC,EAAI,IAAIC,EAAU;AAGtC,SAAAZ,gBAAAA,EAAA;AAAA,IAACa;AAAAA,IAAA;AAAA,MACC,KAAAhB;AAAA,MACA,WAAAY;AAAA,MACC,GAAGb;AAAA,MACJ,WAAWkB,EAAmBlB,EAAM,WAAW,CAACmB,GAAWC,MAClDL,EAAI,EAAE,GAAGK,GAAa,YAAYA,EAAY,YAAY,WAAAD,GAAW,CAC7E;AAAA,MAEA,UAAC,CAAA,EAAE,gBAAAE,GAAgB,YAAAC,QAEfC,gBAAAA,OAAAC,EAAAA,UAAA,EAAA,UAAA;AAAA,QAAA5B;AAAA,QACAyB,KAAkB,CAACC,KAAc,CAACtB,EAAM,cACvCI,gBAAAA,EAAA;AAAA,UAACqB;AAAA,UAAA;AAAA,YACC,WAAWX,EAAa;AAAA,YACxB,SAAS,MAAM;AACP,oBAAAY,wBAAmB;AACzB,cAAI1B,EAAM,OAAO,UAAwB0B,EAAA,IAAI1B,EAAM,EAAE,GACrDW,KAAA,QAAAA,EAAWe;AAAA,YACb;AAAA,YAEA,UAAAtB,gBAAAA,EAAAA,IAACuB,GAAQ,EAAA,MAAK,QAAQ,CAAA;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA,GAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;AAEa,MAAAC,IAAWnB,EAAgBC,CAAS;AAEjDkB,EAAS,cAAc;"}

package/dist/lyra456.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});exports.default={};exports.default={Empty:"Leer"};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs"),t=e.tv({base:"flex flex-wrap gap-1"}),o=e.tv({slots:{tag:["transition","cursor-default","text-base","rounded-sm","py-1","pe-1","ps-1.5","flex","items-center","gap-1","ring-default","border","border-default","outline-none","solid","bg-transparent","[&:hover&:not(:active)]:bg-overlay-subtle","active:bg-overlay-medium","focus-visible:shadow-highlight","focus-visible:border-focus","select-none","break-all"],removeButton:["cursor-default","text-secondary","outline-none"]},variants:{allowsRemoving:{true:{}},isDisabled:{true:{tag:["bg-overlay-subtle","text-secondary","cursor-not-allowed","border-transparent"]}}},compoundVariants:[{allowsRemoving:!0,isDisabled:!1,className:{tag:"pe-1"}}]});exports.tagGroupStyles=t;exports.tagStyles=o;

package/dist/lyra456.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra456.cjs","sources":["../node_modules/@react-aria/spinbutton/dist/de-DE.mjs"],"sourcesContent":["var $1c6e1539193f1243$exports = {};\n$1c6e1539193f1243$exports = {\n    \"Empty\": `Leer`\n};\n\n\nexport {$1c6e1539193f1243$exports as default};\n//# sourceMappingURL=de-DE.module.js.map\n"],"names":["$1c6e1539193f1243$exports"],"mappings":"4GAAIA,QAAAA,QAA4B,CAAG,EACnCA,QAAAA,QAA4B,CACxB,MAAS,MACb","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra456.cjs","sources":["../src/components/inputs/input-tag-group/input-tag-group.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tagGroupStyles = tv({\n  base: \"flex flex-wrap gap-1\",\n});\n\nexport const tagStyles = tv({\n  slots: {\n    tag: [\n      \"transition\",\n      \"cursor-default\",\n      \"text-base\",\n      \"rounded-sm\",\n      \"py-1\",\n      \"pe-1\",\n      \"ps-1.5\",\n      \"flex\",\n      \"items-center\",\n      \"gap-1\",\n      \"ring-default\",\n      \"border\",\n      \"border-default\",\n      \"outline-none\",\n      \"solid\",\n      \"bg-transparent\",\n      \"[&:hover&:not(:active)]:bg-overlay-subtle\",\n      \"active:bg-overlay-medium\",\n      \"focus-visible:shadow-highlight\",\n      \"focus-visible:border-focus\",\n      \"select-none\",\n      \"break-all\",\n    ],\n    removeButton: [\"cursor-default\", \"text-secondary\", \"outline-none\"],\n  },\n  variants: {\n    allowsRemoving: {\n      true: {},\n    },\n    isDisabled: {\n      true: {\n        tag: [\"bg-overlay-subtle\", \"text-secondary\", \"cursor-not-allowed\", \"border-transparent\"],\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      allowsRemoving: true,\n      isDisabled: false,\n      className: {\n        tag: \"pe-1\",\n      },\n    },\n  ],\n});\n"],"names":["tagGroupStyles","tv","tagStyles"],"mappings":"iHAEaA,EAAiBC,EAAAA,GAAG,CAC/B,KAAM,sBACR,CAAC,EAEYC,EAAYD,EAAAA,GAAG,CAC1B,MAAO,CACL,IAAK,CACH,aACA,iBACA,YACA,aACA,OACA,OACA,SACA,OACA,eACA,QACA,eACA,SACA,iBACA,eACA,QACA,iBACA,4CACA,2BACA,iCACA,6BACA,cACA,WACF,EACA,aAAc,CAAC,iBAAkB,iBAAkB,cAAc,CACnE,EACA,SAAU,CACR,eAAgB,CACd,KAAM,CAAC,CACT,EACA,WAAY,CACV,KAAM,CACJ,IAAK,CAAC,oBAAqB,iBAAkB,qBAAsB,oBAAoB,CACzF,CACF,CACF,EACA,iBAAkB,CAChB,CACE,eAAgB,GAChB,WAAY,GACZ,UAAW,CACT,IAAK,MACP,CACF,CACF,CACF,CAAC"}

package/dist/lyra456.js

@@ -1,7 +1,55 @@
-var e = {};
-e = {
-  Empty: "Leer"
-};
+import { tv as e } from "./lyra451.js";
+const o = e({
+  base: "flex flex-wrap gap-1"
+}), a = e({
+  slots: {
+    tag: [
+      "transition",
+      "cursor-default",
+      "text-base",
+      "rounded-sm",
+      "py-1",
+      "pe-1",
+      "ps-1.5",
+      "flex",
+      "items-center",
+      "gap-1",
+      "ring-default",
+      "border",
+      "border-default",
+      "outline-none",
+      "solid",
+      "bg-transparent",
+      "[&:hover&:not(:active)]:bg-overlay-subtle",
+      "active:bg-overlay-medium",
+      "focus-visible:shadow-highlight",
+      "focus-visible:border-focus",
+      "select-none",
+      "break-all"
+    ],
+    removeButton: ["cursor-default", "text-secondary", "outline-none"]
+  },
+  variants: {
+    allowsRemoving: {
+      true: {}
+    },
+    isDisabled: {
+      true: {
+        tag: ["bg-overlay-subtle", "text-secondary", "cursor-not-allowed", "border-transparent"]
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      allowsRemoving: !0,
+      isDisabled: !1,
+      className: {
+        tag: "pe-1"
+      }
+    }
+  ]
+});
 export {
-  e as default
+  o as tagGroupStyles,
+  a as tagStyles
 };

package/dist/lyra456.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra456.js","sources":["../node_modules/@react-aria/spinbutton/dist/de-DE.mjs"],"sourcesContent":["var $1c6e1539193f1243$exports = {};\n$1c6e1539193f1243$exports = {\n    \"Empty\": `Leer`\n};\n\n\nexport {$1c6e1539193f1243$exports as default};\n//# sourceMappingURL=de-DE.module.js.map\n"],"names":["$1c6e1539193f1243$exports"],"mappings":"AAAG,IAACA,IAA4B,CAAG;AACnCA,IAA4B;AAAA,EACxB,OAAS;AACb;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra456.js","sources":["../src/components/inputs/input-tag-group/input-tag-group.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tagGroupStyles = tv({\n  base: \"flex flex-wrap gap-1\",\n});\n\nexport const tagStyles = tv({\n  slots: {\n    tag: [\n      \"transition\",\n      \"cursor-default\",\n      \"text-base\",\n      \"rounded-sm\",\n      \"py-1\",\n      \"pe-1\",\n      \"ps-1.5\",\n      \"flex\",\n      \"items-center\",\n      \"gap-1\",\n      \"ring-default\",\n      \"border\",\n      \"border-default\",\n      \"outline-none\",\n      \"solid\",\n      \"bg-transparent\",\n      \"[&:hover&:not(:active)]:bg-overlay-subtle\",\n      \"active:bg-overlay-medium\",\n      \"focus-visible:shadow-highlight\",\n      \"focus-visible:border-focus\",\n      \"select-none\",\n      \"break-all\",\n    ],\n    removeButton: [\"cursor-default\", \"text-secondary\", \"outline-none\"],\n  },\n  variants: {\n    allowsRemoving: {\n      true: {},\n    },\n    isDisabled: {\n      true: {\n        tag: [\"bg-overlay-subtle\", \"text-secondary\", \"cursor-not-allowed\", \"border-transparent\"],\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      allowsRemoving: true,\n      isDisabled: false,\n      className: {\n        tag: \"pe-1\",\n      },\n    },\n  ],\n});\n"],"names":["tagGroupStyles","tv","tagStyles"],"mappings":";AAEO,MAAMA,IAAiBC,EAAG;AAAA,EAC/B,MAAM;AACR,CAAC,GAEYC,IAAYD,EAAG;AAAA,EAC1B,OAAO;AAAA,IACL,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,cAAc,CAAC,kBAAkB,kBAAkB,cAAc;AAAA,EACnE;AAAA,EACA,UAAU;AAAA,IACR,gBAAgB;AAAA,MACd,MAAM,CAAC;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,KAAK,CAAC,qBAAqB,kBAAkB,sBAAsB,oBAAoB;AAAA,MACzF;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}

package/dist/lyra457.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});exports.default={};exports.default={Empty:"Άδειο"};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra460.cjs"),r=require("./lyra614.cjs");function o(){const{activatorEvent:e}=t.useDndContext();return r.isKeyboardEvent(e)}exports.useIsKeyboardSorting=o;

package/dist/lyra457.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra457.cjs","sources":["../node_modules/@react-aria/spinbutton/dist/el-GR.mjs"],"sourcesContent":["var $1e8678632c464b6d$exports = {};\n$1e8678632c464b6d$exports = {\n    \"Empty\": `\\u{386}\\u{3B4}\\u{3B5}\\u{3B9}\\u{3BF}`\n};\n\n\nexport {$1e8678632c464b6d$exports as default};\n//# sourceMappingURL=el-GR.module.js.map\n"],"names":["$1e8678632c464b6d$exports"],"mappings":"4GAAIA,QAAAA,QAA4B,CAAG,EACnCA,QAAAA,QAA4B,CACxB,MAAS,OACb","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra457.cjs","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":"4IAGO,SAASA,GAAuB,CAC/B,KAAA,CAAE,eAAAC,GAAmBC,EAAAA,gBAE3B,OAAOC,EAAAA,gBAAgBF,CAAc,CACvC"}

package/dist/lyra457.js

@@ -1,7 +1,9 @@
-var u = {};
-u = {
-  Empty: "Άδειο"
-};
+import { useDndContext as o } from "./lyra460.js";
+import { isKeyboardEvent as r } from "./lyra614.js";
+function i() {
+  const { activatorEvent: t } = o();
+  return r(t);
+}
 export {
-  u as default
+  i as useIsKeyboardSorting
 };

package/dist/lyra457.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra457.js","sources":["../node_modules/@react-aria/spinbutton/dist/el-GR.mjs"],"sourcesContent":["var $1e8678632c464b6d$exports = {};\n$1e8678632c464b6d$exports = {\n    \"Empty\": `\\u{386}\\u{3B4}\\u{3B5}\\u{3B9}\\u{3BF}`\n};\n\n\nexport {$1e8678632c464b6d$exports as default};\n//# sourceMappingURL=el-GR.module.js.map\n"],"names":["$1e8678632c464b6d$exports"],"mappings":"AAAG,IAACA,IAA4B,CAAG;AACnCA,IAA4B;AAAA,EACxB,OAAS;AACb;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra457.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;"}

package/dist/lyra458.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});exports.default={};exports.default={Empty:"Empty"};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra90.cjs"),v=require("react"),R=require("react-dom"),e=require("./lyra460.cjs"),C=require("./lyra615.cjs"),i=require("./lyra616.cjs"),f=require("./lyra450.cjs"),h=require("./lyra617.cjs"),P=require("./lyra618.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=_;

package/dist/lyra458.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra458.cjs","sources":["../node_modules/@react-aria/spinbutton/dist/en-US.mjs"],"sourcesContent":["var $4adc85d9bf5b9eed$exports = {};\n$4adc85d9bf5b9eed$exports = {\n    \"Empty\": `Empty`\n};\n\n\nexport {$4adc85d9bf5b9eed$exports as default};\n//# sourceMappingURL=en-US.module.js.map\n"],"names":["$4adc85d9bf5b9eed$exports"],"mappings":"4GAAIA,QAAAA,QAA4B,CAAG,EACnCA,QAAAA,QAA4B,CACxB,MAAS,OACb","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra458.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"}

package/dist/lyra458.js

@@ -1,7 +1,64 @@
-var e = {};
-e = {
-  Empty: "Empty"
+import { j as r } from "./lyra90.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 "./lyra460.js";
+import { restrictToParentElement as R } from "./lyra615.js";
+import { SortableContext as w, sortableKeyboardCoordinates as A } from "./lyra616.js";
+import { clsx as G } from "./lyra450.js";
+import { useDragEvents as O } from "./lyra617.js";
+import { useSortingStrategy as T } from "./lyra618.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
+        )
+      ] })
+    }
+  );
 };
+function q({ children: t, id: e }) {
+  const { setNodeRef: o } = K({ id: e });
+  return /* @__PURE__ */ r.jsx("div", { ref: o, children: t });
+}
 export {
-  e as default
+  W as SortableContainer
 };

package/dist/lyra458.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra458.js","sources":["../node_modules/@react-aria/spinbutton/dist/en-US.mjs"],"sourcesContent":["var $4adc85d9bf5b9eed$exports = {};\n$4adc85d9bf5b9eed$exports = {\n    \"Empty\": `Empty`\n};\n\n\nexport {$4adc85d9bf5b9eed$exports as default};\n//# sourceMappingURL=en-US.module.js.map\n"],"names":["$4adc85d9bf5b9eed$exports"],"mappings":"AAAG,IAACA,IAA4B,CAAG;AACnCA,IAA4B;AAAA,EACxB,OAAS;AACb;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra458.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;"}

package/dist/lyra459.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});exports.default={};exports.default={Empty:"Vacío"};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./lyra90.cjs"),y=require("react"),j=require("./lyra460.cjs"),R=require("./lyra616.cjs"),d=require("./lyra614.cjs"),E=({children:u,sortableId:i})=>{const{active:e,activeIndex:n,attributes:a,index:s,isDragging:c,isSorting:o,listeners:m,over:t,setNodeRef:l,transform:S,transition:b}=R.useSortable({id:i}),{activatorEvent:f}=j.useDndContext(),r=d.isKeyboardEvent(f),g={transform:o?void 0:d.CSS.Translate.toString(S),transition:b??void 0},x=y.useMemo(()=>{if(!((e==null?void 0:e.id)===(t==null?void 0:t.id)&&!r))return(t==null?void 0:t.id)===i?s>n?"after":"before":void 0},[e==null?void 0:e.id,t==null?void 0:t.id,r,i,s,n]);return q.jsxRuntimeExports.jsx("div",{ref:l,style:g,children:u({isDragging:c,attributes:a,isKeyboardSorting:r,insertPosition:x,isSorting:o,listeners:m})})};exports.SortableItem=E;

package/dist/lyra459.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra459.cjs","sources":["../node_modules/@react-aria/spinbutton/dist/es-ES.mjs"],"sourcesContent":["var $41c4b2bb61dafbca$exports = {};\n$41c4b2bb61dafbca$exports = {\n    \"Empty\": `Vac\\xedo`\n};\n\n\nexport {$41c4b2bb61dafbca$exports as default};\n//# sourceMappingURL=es-ES.module.js.map\n"],"names":["$41c4b2bb61dafbca$exports"],"mappings":"4GAAIA,QAAAA,QAA4B,CAAG,EACnCA,QAAAA,QAA4B,CACxB,MAAS,OACb","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra459.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","jsx"],"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,kBAAAA,IAAA,MAAA,CAAI,IAAKZ,EAAY,MAAAQ,EACnB,SAASlB,EAAA,CACR,WAAAM,EACA,WAAAF,EACA,kBAAAY,EACA,eAAAI,EACA,UAAAb,EACA,UAAAC,CACD,CAAA,CACH,CAAA,CAEJ"}

package/dist/lyra459.js

@@ -1,7 +1,39 @@
-var a = {};
-a = {
-  Empty: "Vacío"
+import { j as b } from "./lyra90.js";
+import { useMemo as l } from "react";
+import { useDndContext as j } from "./lyra460.js";
+import { useSortable as y } from "./lyra616.js";
+import { isKeyboardEvent as E, CSS as C } from "./lyra614.js";
+const M = ({ children: d, sortableId: r }) => {
+  const {
+    active: i,
+    activeIndex: n,
+    attributes: m,
+    index: s,
+    isDragging: a,
+    isSorting: e,
+    listeners: f,
+    over: t,
+    setNodeRef: u,
+    transform: p,
+    transition: x
+  } = y({
+    id: r
+  }), { activatorEvent: S } = j(), o = E(S), c = {
+    transform: e ? void 0 : C.Translate.toString(p),
+    transition: x ?? void 0
+  }, g = l(() => {
+    if (!((i == null ? void 0 : i.id) === (t == null ? void 0 : t.id) && !o))
+      return (t == null ? void 0 : t.id) === r ? s > n ? "after" : "before" : void 0;
+  }, [i == null ? void 0 : i.id, t == null ? void 0 : t.id, o, r, s, n]);
+  return /* @__PURE__ */ b.jsx("div", { ref: u, style: c, children: d({
+    isDragging: a,
+    attributes: m,
+    isKeyboardSorting: o,
+    insertPosition: g,
+    isSorting: e,
+    listeners: f
+  }) });
 };
 export {
-  a as default
+  M as SortableItem
 };

package/dist/lyra459.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra459.js","sources":["../node_modules/@react-aria/spinbutton/dist/es-ES.mjs"],"sourcesContent":["var $41c4b2bb61dafbca$exports = {};\n$41c4b2bb61dafbca$exports = {\n    \"Empty\": `Vac\\xedo`\n};\n\n\nexport {$41c4b2bb61dafbca$exports as default};\n//# sourceMappingURL=es-ES.module.js.map\n"],"names":["$41c4b2bb61dafbca$exports"],"mappings":"AAAG,IAACA,IAA4B,CAAG;AACnCA,IAA4B;AAAA,EACxB,OAAS;AACb;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra459.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","jsx"],"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,IAAA,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,EACD,CAAA,EACH,CAAA;AAEJ;"}

package/dist/lyra46.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),i=require("./lyra89.cjs"),S=require("./lyra93.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),s=require("./lyra89.cjs"),b=require("./lyra93.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:h,label:R,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:R,hideHintLabel:j,hideInputHeader:h,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:"min-h-8 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;

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: \"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"}
+{"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","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,eAAA,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"}