@synnaxlabs/pluto 0.21.4 → 0.21.5

package/dist/{Keyboard-D_LUXnG3.js → Keyboard-BqO4SYSr.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-mMz73N64.js";
 import { C as CSS } from "./css-DoalWJF6.js";
-import { e as Text } from "./Toggle-Cwf_871b.js";
+import { e as Text } from "./Toggle-DcOiWiHG.js";
 const Keyboard = ({
   className,
   ...props
@@ -11,4 +11,4 @@ const Keyboard = ({
 export {
   Keyboard as K
 };
-//# sourceMappingURL=Keyboard-D_LUXnG3.js.map
+//# sourceMappingURL=Keyboard-BqO4SYSr.js.map

package/dist/{Keyboard-D_LUXnG3.js.map → Keyboard-BqO4SYSr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Keyboard-D_LUXnG3.js","sources":["../src/text/Keyboard.tsx"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport { type ReactElement } from \"react\";\n\nimport { CSS } from \"@/css\";\nimport { type text } from \"@/text/core\";\nimport { type TextProps, Text } from \"@/text/Text\";\n\nimport \"@/text/Keyboard.css\";\n\nexport type KeyboardProps<L extends text.Level = \"h1\"> = TextProps<L>;\n\nexport const Keyboard = <L extends text.Level = \"p\">({\n  className,\n  ...props\n}: KeyboardProps<L>): ReactElement => (\n  // @ts-expect-error\n  <Text<L> className={CSS(className, CSS.BM(\"text\", \"keyboard\"))} {...props} />\n);\n"],"names":["jsx"],"mappings":";;;AAmBO,MAAM,WAAW,CAA6B;AAAA,EACnD;AAAA,EACA,GAAG;AACL;AAAA;AAAA,EAEGA,kCAAAA,IAAA,MAAA,EAAQ,WAAW,IAAI,WAAW,IAAI,GAAG,QAAQ,UAAU,CAAC,GAAI,GAAG,MAAO,CAAA;AAAA;"}
+{"version":3,"file":"Keyboard-BqO4SYSr.js","sources":["../src/text/Keyboard.tsx"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport { type ReactElement } from \"react\";\n\nimport { CSS } from \"@/css\";\nimport { type text } from \"@/text/core\";\nimport { type TextProps, Text } from \"@/text/Text\";\n\nimport \"@/text/Keyboard.css\";\n\nexport type KeyboardProps<L extends text.Level = \"h1\"> = TextProps<L>;\n\nexport const Keyboard = <L extends text.Level = \"p\">({\n  className,\n  ...props\n}: KeyboardProps<L>): ReactElement => (\n  // @ts-expect-error\n  <Text<L> className={CSS(className, CSS.BM(\"text\", \"keyboard\"))} {...props} />\n);\n"],"names":["jsx"],"mappings":";;;AAmBO,MAAM,WAAW,CAA6B;AAAA,EACnD;AAAA,EACA,GAAG;AACL;AAAA;AAAA,EAEGA,kCAAAA,IAAA,MAAA,EAAQ,WAAW,IAAI,WAAW,IAAI,GAAG,QAAQ,UAAU,CAAC,GAAI,GAAG,MAAO,CAAA;AAAA;"}

package/dist/{Keyboard-_Wf2jKAo.cjs → Keyboard-CsgjS96C.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const jsxRuntime = require("./jsx-runtime-B3vWrP5x.cjs");
 const css = require("./css-Pf9qxhQ4.cjs");
-const Toggle = require("./Toggle-CUvIChUA.cjs");
+const Toggle = require("./Toggle-CAW20E9V.cjs");
 const Keyboard = ({
   className,
   ...props
@@ -10,4 +10,4 @@ const Keyboard = ({
   /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Text, { className: css.CSS(className, css.CSS.BM("text", "keyboard")), ...props })
 );
 exports.Keyboard = Keyboard;
-//# sourceMappingURL=Keyboard-_Wf2jKAo.cjs.map
+//# sourceMappingURL=Keyboard-CsgjS96C.cjs.map

package/dist/{Keyboard-_Wf2jKAo.cjs.map → Keyboard-CsgjS96C.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Keyboard-_Wf2jKAo.cjs","sources":["../src/text/Keyboard.tsx"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport { type ReactElement } from \"react\";\n\nimport { CSS } from \"@/css\";\nimport { type text } from \"@/text/core\";\nimport { type TextProps, Text } from \"@/text/Text\";\n\nimport \"@/text/Keyboard.css\";\n\nexport type KeyboardProps<L extends text.Level = \"h1\"> = TextProps<L>;\n\nexport const Keyboard = <L extends text.Level = \"p\">({\n  className,\n  ...props\n}: KeyboardProps<L>): ReactElement => (\n  // @ts-expect-error\n  <Text<L> className={CSS(className, CSS.BM(\"text\", \"keyboard\"))} {...props} />\n);\n"],"names":["jsx","Text","CSS"],"mappings":";;;;AAmBO,MAAM,WAAW,CAA6B;AAAA,EACnD;AAAA,EACA,GAAG;AACL;AAAA;AAAA,EAEGA,2BAAAA,kBAAAA,IAAAC,OAAAA,MAAA,EAAQ,WAAWC,IAAAA,IAAI,WAAWA,IAAAA,IAAI,GAAG,QAAQ,UAAU,CAAC,GAAI,GAAG,MAAO,CAAA;AAAA;;"}
+{"version":3,"file":"Keyboard-CsgjS96C.cjs","sources":["../src/text/Keyboard.tsx"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport { type ReactElement } from \"react\";\n\nimport { CSS } from \"@/css\";\nimport { type text } from \"@/text/core\";\nimport { type TextProps, Text } from \"@/text/Text\";\n\nimport \"@/text/Keyboard.css\";\n\nexport type KeyboardProps<L extends text.Level = \"h1\"> = TextProps<L>;\n\nexport const Keyboard = <L extends text.Level = \"p\">({\n  className,\n  ...props\n}: KeyboardProps<L>): ReactElement => (\n  // @ts-expect-error\n  <Text<L> className={CSS(className, CSS.BM(\"text\", \"keyboard\"))} {...props} />\n);\n"],"names":["jsx","Text","CSS"],"mappings":";;;;AAmBO,MAAM,WAAW,CAA6B;AAAA,EACnD;AAAA,EACA,GAAG;AACL;AAAA;AAAA,EAEGA,2BAAAA,kBAAAA,IAAAC,OAAAA,MAAA,EAAQ,WAAWC,IAAAA,IAAI,WAAWA,IAAAA,IAAI,GAAG,QAAQ,UAAU,CAAC,GAAI,GAAG,MAAO,CAAA;AAAA;;"}

package/dist/{Link-Bur1Sx4G.cjs → Link-B6B7MB7O.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const jsxRuntime = require("./jsx-runtime-B3vWrP5x.cjs");
-const Toggle = require("./Toggle-CUvIChUA.cjs");
+const Toggle = require("./Toggle-CAW20E9V.cjs");
 const Link = ({
   href,
   target,
@@ -9,4 +9,4 @@ const Link = ({
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Button, { el: "a", href, ...props });
 };
 exports.Link = Link;
-//# sourceMappingURL=Link-Bur1Sx4G.cjs.map
+//# sourceMappingURL=Link-B6B7MB7O.cjs.map

package/dist/{Link-Bur1Sx4G.cjs.map → Link-B6B7MB7O.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Link-Bur1Sx4G.cjs","sources":["../src/button/Link.tsx"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport { type ReactElement } from \"react\";\n\nimport { Button, type ButtonProps } from \"@/button/Button\";\nimport { type Text } from \"@/text\";\n\n/** Props for the {@link Link} component. */\nexport interface LinkProps<L extends Text.Level = \"h1\">\n  extends ButtonProps,\n    Pick<Text.LinkProps<L>, \"href\" | \"target\"> {}\n/**\n * Use.Link renders a button that looks like a link and redirects to the given href\n * when clicked.\n *\n * @param props - Props for the component. Identical to the props for the Use component,\n * excluding 'variant', and  adding the following:\n * @param props.href - The URL to redirect to when the button is clicked.\n * @param props.target - The target of the link. Defaults to \"_self\".\n */\n\nexport const Link = <L extends Text.Level = \"h1\">({\n  href,\n  target,\n  ...props\n}: LinkProps<L>): ReactElement => {\n  // @ts-expect-error\n  return <Button<\"a\"> el=\"a\" href={href} {...props} />;\n};\n"],"names":["Button"],"mappings":";;;AA4BO,MAAM,OAAO,CAA8B;AAAA,EAChD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkC;AAEhC,0DAAQA,OAAY,QAAA,EAAA,IAAG,KAAI,MAAa,GAAG,MAAO,CAAA;AACpD;;"}
+{"version":3,"file":"Link-B6B7MB7O.cjs","sources":["../src/button/Link.tsx"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport { type ReactElement } from \"react\";\n\nimport { Button, type ButtonProps } from \"@/button/Button\";\nimport { type Text } from \"@/text\";\n\n/** Props for the {@link Link} component. */\nexport interface LinkProps<L extends Text.Level = \"h1\">\n  extends ButtonProps,\n    Pick<Text.LinkProps<L>, \"href\" | \"target\"> {}\n/**\n * Use.Link renders a button that looks like a link and redirects to the given href\n * when clicked.\n *\n * @param props - Props for the component. Identical to the props for the Use component,\n * excluding 'variant', and  adding the following:\n * @param props.href - The URL to redirect to when the button is clicked.\n * @param props.target - The target of the link. Defaults to \"_self\".\n */\n\nexport const Link = <L extends Text.Level = \"h1\">({\n  href,\n  target,\n  ...props\n}: LinkProps<L>): ReactElement => {\n  // @ts-expect-error\n  return <Button<\"a\"> el=\"a\" href={href} {...props} />;\n};\n"],"names":["Button"],"mappings":";;;AA4BO,MAAM,OAAO,CAA8B;AAAA,EAChD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkC;AAEhC,0DAAQA,OAAY,QAAA,EAAA,IAAG,KAAI,MAAa,GAAG,MAAO,CAAA;AACpD;;"}

package/dist/{Link-BZVCNXMe.js → Link-BaPpY2rf.js}

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-mMz73N64.js";
-import { B as Button } from "./Toggle-Cwf_871b.js";
+import { B as Button } from "./Toggle-DcOiWiHG.js";
 const Link = ({
   href,
   target,
@@ -10,4 +10,4 @@ const Link = ({
 export {
   Link as L
 };
-//# sourceMappingURL=Link-BZVCNXMe.js.map
+//# sourceMappingURL=Link-BaPpY2rf.js.map

package/dist/{Link-BZVCNXMe.js.map → Link-BaPpY2rf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Link-BZVCNXMe.js","sources":["../src/button/Link.tsx"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport { type ReactElement } from \"react\";\n\nimport { Button, type ButtonProps } from \"@/button/Button\";\nimport { type Text } from \"@/text\";\n\n/** Props for the {@link Link} component. */\nexport interface LinkProps<L extends Text.Level = \"h1\">\n  extends ButtonProps,\n    Pick<Text.LinkProps<L>, \"href\" | \"target\"> {}\n/**\n * Use.Link renders a button that looks like a link and redirects to the given href\n * when clicked.\n *\n * @param props - Props for the component. Identical to the props for the Use component,\n * excluding 'variant', and  adding the following:\n * @param props.href - The URL to redirect to when the button is clicked.\n * @param props.target - The target of the link. Defaults to \"_self\".\n */\n\nexport const Link = <L extends Text.Level = \"h1\">({\n  href,\n  target,\n  ...props\n}: LinkProps<L>): ReactElement => {\n  // @ts-expect-error\n  return <Button<\"a\"> el=\"a\" href={href} {...props} />;\n};\n"],"names":[],"mappings":";;AA4BO,MAAM,OAAO,CAA8B;AAAA,EAChD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkC;AAEhC,+CAAQ,QAAY,EAAA,IAAG,KAAI,MAAa,GAAG,MAAO,CAAA;AACpD;"}
+{"version":3,"file":"Link-BaPpY2rf.js","sources":["../src/button/Link.tsx"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport { type ReactElement } from \"react\";\n\nimport { Button, type ButtonProps } from \"@/button/Button\";\nimport { type Text } from \"@/text\";\n\n/** Props for the {@link Link} component. */\nexport interface LinkProps<L extends Text.Level = \"h1\">\n  extends ButtonProps,\n    Pick<Text.LinkProps<L>, \"href\" | \"target\"> {}\n/**\n * Use.Link renders a button that looks like a link and redirects to the given href\n * when clicked.\n *\n * @param props - Props for the component. Identical to the props for the Use component,\n * excluding 'variant', and  adding the following:\n * @param props.href - The URL to redirect to when the button is clicked.\n * @param props.target - The target of the link. Defaults to \"_self\".\n */\n\nexport const Link = <L extends Text.Level = \"h1\">({\n  href,\n  target,\n  ...props\n}: LinkProps<L>): ReactElement => {\n  // @ts-expect-error\n  return <Button<\"a\"> el=\"a\" href={href} {...props} />;\n};\n"],"names":[],"mappings":";;AA4BO,MAAM,OAAO,CAA8B;AAAA,EAChD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkC;AAEhC,+CAAQ,QAAY,EAAA,IAAG,KAAI,MAAa,GAAG,MAAO,CAAA;AACpD;"}

package/dist/{List-DMxpm9SJ.cjs → List-J5T88ynF.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const jsxRuntime = require("./jsx-runtime-B3vWrP5x.cjs");
 const aggregator = require("./aggregator-Ca8xiVD2.cjs");
-const Toggle = require("./Toggle-CUvIChUA.cjs");
+const Toggle = require("./Toggle-CAW20E9V.cjs");
 const List = ({
   children,
   data,
@@ -23,4 +23,4 @@ const List = ({
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.InfiniteProvider, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.DataProvider, { data: omittedData, emptyContent, children }) });
 };
 exports.List = List;
-//# sourceMappingURL=List-DMxpm9SJ.cjs.map
+//# sourceMappingURL=List-J5T88ynF.cjs.map

package/dist/{List-DMxpm9SJ.cjs.map → List-J5T88ynF.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"List-DMxpm9SJ.cjs","sources":["../src/list/List.tsx"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport { useMemo, type PropsWithChildren, type ReactElement } from \"react\";\n\nimport { type Keyed, type Key, compare } from \"@synnaxlabs/x\";\n\nimport { DataProvider } from \"@/list/Data\";\nimport { InfiniteProvider } from \"@/list/Infinite\";\nimport { useMemoCompare } from \"@/memo\";\n\nexport interface ListProps<K extends Key = Key, E extends Keyed<K> = Keyed<K>>\n  extends PropsWithChildren<unknown> {\n  data?: E[];\n  emptyContent?: ReactElement;\n  omit?: K[];\n}\n\n/**\n * The main component for building a List. By itself, it does not render any HTML, and\n * should be used in conjunction with its sub-components (List.'X') to build a list\n * component to fit your needs.\n *\n * @param props - The props for the List component.\n * @param props.data - The data to be displayed in the list. The values of the object in\n * each entry of the array must satisfy the {@link RenderableValue} interface i.e. they\n * must be a primitive type or implement a 'toString' method.\n * @param props.children - Sub-components of the List component to add additional functionality.\n *\n */\nexport const List = <K extends Key = Key, E extends Keyed<K> = Keyed<K>>({\n  children,\n  data,\n  emptyContent,\n  omit,\n}: ListProps<K, E>): ReactElement => {\n  const omittedData = useMemoCompare(\n    () => (omit != null ? data?.filter((e) => !omit.includes(e.key)) : data),\n    ([prevOmit, prevData], [omit, data]) => {\n      let omitsEqual = false;\n      if (prevOmit != null && omit != null)\n        omitsEqual = compare.unorderedPrimitiveArrays(prevOmit, omit) === compare.EQUAL;\n      else omitsEqual = prevOmit == omit;\n      return prevData === data && omitsEqual;\n    },\n    [omit, data] as [K[] | undefined, E[] | undefined],\n  );\n  return (\n    <InfiniteProvider>\n      <DataProvider<K, E> data={omittedData} emptyContent={emptyContent}>\n        {children}\n      </DataProvider>\n    </InfiniteProvider>\n  );\n};\n"],"names":["useMemoCompare","omit","data","compare","jsx","InfiniteProvider","DataProvider"],"mappings":";;;;AAoCO,MAAM,OAAO,CAAqD;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqC;AACnC,QAAM,cAAcA,OAAA;AAAA,IAClB,MAAO,QAAQ,OAAO,6BAAM,OAAO,CAAC,MAAM,CAAC,KAAK,SAAS,EAAE,GAAG,KAAK;AAAA,IACnE,CAAC,CAAC,UAAU,QAAQ,GAAG,CAACC,OAAMC,KAAI,MAAM;AACtC,UAAI,aAAa;AACb,UAAA,YAAY,QAAQD,SAAQ;AAC9B,qBAAaE,WAAQ,EAAA,yBAAyB,UAAUF,KAAI,MAAME,WAAQ,EAAA;AAAA;AACvE,qBAAa,YAAYF;AAC9B,aAAO,aAAaC,SAAQ;AAAA,IAC9B;AAAA,IACA,CAAC,MAAM,IAAI;AAAA,EAAA;AAGX,SAAAE,2BAAA,kBAAA,IAACC,2BACC,UAACD,2BAAA,kBAAA,IAAAE,OAAA,cAAA,EAAmB,MAAM,aAAa,cACpC,SACH,CAAA,EACF,CAAA;AAEJ;;"}
+{"version":3,"file":"List-J5T88ynF.cjs","sources":["../src/list/List.tsx"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport { useMemo, type PropsWithChildren, type ReactElement } from \"react\";\n\nimport { type Keyed, type Key, compare } from \"@synnaxlabs/x\";\n\nimport { DataProvider } from \"@/list/Data\";\nimport { InfiniteProvider } from \"@/list/Infinite\";\nimport { useMemoCompare } from \"@/memo\";\n\nexport interface ListProps<K extends Key = Key, E extends Keyed<K> = Keyed<K>>\n  extends PropsWithChildren<unknown> {\n  data?: E[];\n  emptyContent?: ReactElement;\n  omit?: K[];\n}\n\n/**\n * The main component for building a List. By itself, it does not render any HTML, and\n * should be used in conjunction with its sub-components (List.'X') to build a list\n * component to fit your needs.\n *\n * @param props - The props for the List component.\n * @param props.data - The data to be displayed in the list. The values of the object in\n * each entry of the array must satisfy the {@link RenderableValue} interface i.e. they\n * must be a primitive type or implement a 'toString' method.\n * @param props.children - Sub-components of the List component to add additional functionality.\n *\n */\nexport const List = <K extends Key = Key, E extends Keyed<K> = Keyed<K>>({\n  children,\n  data,\n  emptyContent,\n  omit,\n}: ListProps<K, E>): ReactElement => {\n  const omittedData = useMemoCompare(\n    () => (omit != null ? data?.filter((e) => !omit.includes(e.key)) : data),\n    ([prevOmit, prevData], [omit, data]) => {\n      let omitsEqual = false;\n      if (prevOmit != null && omit != null)\n        omitsEqual = compare.unorderedPrimitiveArrays(prevOmit, omit) === compare.EQUAL;\n      else omitsEqual = prevOmit == omit;\n      return prevData === data && omitsEqual;\n    },\n    [omit, data] as [K[] | undefined, E[] | undefined],\n  );\n  return (\n    <InfiniteProvider>\n      <DataProvider<K, E> data={omittedData} emptyContent={emptyContent}>\n        {children}\n      </DataProvider>\n    </InfiniteProvider>\n  );\n};\n"],"names":["useMemoCompare","omit","data","compare","jsx","InfiniteProvider","DataProvider"],"mappings":";;;;AAoCO,MAAM,OAAO,CAAqD;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqC;AACnC,QAAM,cAAcA,OAAA;AAAA,IAClB,MAAO,QAAQ,OAAO,6BAAM,OAAO,CAAC,MAAM,CAAC,KAAK,SAAS,EAAE,GAAG,KAAK;AAAA,IACnE,CAAC,CAAC,UAAU,QAAQ,GAAG,CAACC,OAAMC,KAAI,MAAM;AACtC,UAAI,aAAa;AACb,UAAA,YAAY,QAAQD,SAAQ;AAC9B,qBAAaE,WAAQ,EAAA,yBAAyB,UAAUF,KAAI,MAAME,WAAQ,EAAA;AAAA;AACvE,qBAAa,YAAYF;AAC9B,aAAO,aAAaC,SAAQ;AAAA,IAC9B;AAAA,IACA,CAAC,MAAM,IAAI;AAAA,EAAA;AAGX,SAAAE,2BAAA,kBAAA,IAACC,2BACC,UAACD,2BAAA,kBAAA,IAAAE,OAAA,cAAA,EAAmB,MAAM,aAAa,cACpC,SACH,CAAA,EACF,CAAA;AAEJ;;"}

package/dist/{List-T419F-at.js → List-aJEsDHql.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-mMz73N64.js";
 import { c as S } from "./aggregator-Dl2jHye5.js";
-import { f as useMemoCompare, g as InfiniteProvider, h as DataProvider } from "./Toggle-Cwf_871b.js";
+import { f as useMemoCompare, g as InfiniteProvider, h as DataProvider } from "./Toggle-DcOiWiHG.js";
 const List = ({
   children,
   data,
@@ -24,4 +24,4 @@ const List = ({
 export {
   List as L
 };
-//# sourceMappingURL=List-T419F-at.js.map
+//# sourceMappingURL=List-aJEsDHql.js.map

package/dist/{List-T419F-at.js.map → List-aJEsDHql.js.map}

@@ -1 +1 @@
-{"version":3,"file":"List-T419F-at.js","sources":["../src/list/List.tsx"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport { useMemo, type PropsWithChildren, type ReactElement } from \"react\";\n\nimport { type Keyed, type Key, compare } from \"@synnaxlabs/x\";\n\nimport { DataProvider } from \"@/list/Data\";\nimport { InfiniteProvider } from \"@/list/Infinite\";\nimport { useMemoCompare } from \"@/memo\";\n\nexport interface ListProps<K extends Key = Key, E extends Keyed<K> = Keyed<K>>\n  extends PropsWithChildren<unknown> {\n  data?: E[];\n  emptyContent?: ReactElement;\n  omit?: K[];\n}\n\n/**\n * The main component for building a List. By itself, it does not render any HTML, and\n * should be used in conjunction with its sub-components (List.'X') to build a list\n * component to fit your needs.\n *\n * @param props - The props for the List component.\n * @param props.data - The data to be displayed in the list. The values of the object in\n * each entry of the array must satisfy the {@link RenderableValue} interface i.e. they\n * must be a primitive type or implement a 'toString' method.\n * @param props.children - Sub-components of the List component to add additional functionality.\n *\n */\nexport const List = <K extends Key = Key, E extends Keyed<K> = Keyed<K>>({\n  children,\n  data,\n  emptyContent,\n  omit,\n}: ListProps<K, E>): ReactElement => {\n  const omittedData = useMemoCompare(\n    () => (omit != null ? data?.filter((e) => !omit.includes(e.key)) : data),\n    ([prevOmit, prevData], [omit, data]) => {\n      let omitsEqual = false;\n      if (prevOmit != null && omit != null)\n        omitsEqual = compare.unorderedPrimitiveArrays(prevOmit, omit) === compare.EQUAL;\n      else omitsEqual = prevOmit == omit;\n      return prevData === data && omitsEqual;\n    },\n    [omit, data] as [K[] | undefined, E[] | undefined],\n  );\n  return (\n    <InfiniteProvider>\n      <DataProvider<K, E> data={omittedData} emptyContent={emptyContent}>\n        {children}\n      </DataProvider>\n    </InfiniteProvider>\n  );\n};\n"],"names":["omit","data","compare","jsx"],"mappings":";;;AAoCO,MAAM,OAAO,CAAqD;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqC;AACnC,QAAM,cAAc;AAAA,IAClB,MAAO,QAAQ,OAAO,6BAAM,OAAO,CAAC,MAAM,CAAC,KAAK,SAAS,EAAE,GAAG,KAAK;AAAA,IACnE,CAAC,CAAC,UAAU,QAAQ,GAAG,CAACA,OAAMC,KAAI,MAAM;AACtC,UAAI,aAAa;AACb,UAAA,YAAY,QAAQD,SAAQ;AAC9B,qBAAaE,EAAQ,yBAAyB,UAAUF,KAAI,MAAME,EAAQ;AAAA;AACvE,qBAAa,YAAYF;AAC9B,aAAO,aAAaC,SAAQ;AAAA,IAC9B;AAAA,IACA,CAAC,MAAM,IAAI;AAAA,EAAA;AAGX,SAAAE,kCAAA,IAAC,oBACC,UAACA,kCAAA,IAAA,cAAA,EAAmB,MAAM,aAAa,cACpC,SACH,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"List-aJEsDHql.js","sources":["../src/list/List.tsx"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport { useMemo, type PropsWithChildren, type ReactElement } from \"react\";\n\nimport { type Keyed, type Key, compare } from \"@synnaxlabs/x\";\n\nimport { DataProvider } from \"@/list/Data\";\nimport { InfiniteProvider } from \"@/list/Infinite\";\nimport { useMemoCompare } from \"@/memo\";\n\nexport interface ListProps<K extends Key = Key, E extends Keyed<K> = Keyed<K>>\n  extends PropsWithChildren<unknown> {\n  data?: E[];\n  emptyContent?: ReactElement;\n  omit?: K[];\n}\n\n/**\n * The main component for building a List. By itself, it does not render any HTML, and\n * should be used in conjunction with its sub-components (List.'X') to build a list\n * component to fit your needs.\n *\n * @param props - The props for the List component.\n * @param props.data - The data to be displayed in the list. The values of the object in\n * each entry of the array must satisfy the {@link RenderableValue} interface i.e. they\n * must be a primitive type or implement a 'toString' method.\n * @param props.children - Sub-components of the List component to add additional functionality.\n *\n */\nexport const List = <K extends Key = Key, E extends Keyed<K> = Keyed<K>>({\n  children,\n  data,\n  emptyContent,\n  omit,\n}: ListProps<K, E>): ReactElement => {\n  const omittedData = useMemoCompare(\n    () => (omit != null ? data?.filter((e) => !omit.includes(e.key)) : data),\n    ([prevOmit, prevData], [omit, data]) => {\n      let omitsEqual = false;\n      if (prevOmit != null && omit != null)\n        omitsEqual = compare.unorderedPrimitiveArrays(prevOmit, omit) === compare.EQUAL;\n      else omitsEqual = prevOmit == omit;\n      return prevData === data && omitsEqual;\n    },\n    [omit, data] as [K[] | undefined, E[] | undefined],\n  );\n  return (\n    <InfiniteProvider>\n      <DataProvider<K, E> data={omittedData} emptyContent={emptyContent}>\n        {children}\n      </DataProvider>\n    </InfiniteProvider>\n  );\n};\n"],"names":["omit","data","compare","jsx"],"mappings":";;;AAoCO,MAAM,OAAO,CAAqD;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqC;AACnC,QAAM,cAAc;AAAA,IAClB,MAAO,QAAQ,OAAO,6BAAM,OAAO,CAAC,MAAM,CAAC,KAAK,SAAS,EAAE,GAAG,KAAK;AAAA,IACnE,CAAC,CAAC,UAAU,QAAQ,GAAG,CAACA,OAAMC,KAAI,MAAM;AACtC,UAAI,aAAa;AACb,UAAA,YAAY,QAAQD,SAAQ;AAC9B,qBAAaE,EAAQ,yBAAyB,UAAUF,KAAI,MAAME,EAAQ;AAAA;AACvE,qBAAa,YAAYF;AAC9B,aAAO,aAAaC,SAAQ;AAAA,IAC9B;AAAA,IACA,CAAC,MAAM,IAAI;AAAA,EAAA;AAGX,SAAAE,kCAAA,IAAC,oBACC,UAACA,kCAAA,IAAA,cAAA,EAAmB,MAAM,aAAa,cACpC,SACH,CAAA,EACF,CAAA;AAEJ;"}

package/dist/{Toggle-CUvIChUA.cjs → Toggle-CAW20E9V.cjs}

@@ -11121,7 +11121,10 @@ const useTransforms = ({
     [setTransform]
   );
   const transform2 = React.useCallback(
-    (data) => transforms2.reduce((data2, t) => t.transform(data2), data),
+    (props) => transforms2.reduce((data, t) => t.transform(data), {
+      ...props,
+      transformed: false
+    }),
     [transforms2]
   );
   return { transform: transform2, setTransform, deleteTransform };
@@ -12012,7 +12015,8 @@ const useRequiredContext = (context) => {
 };
 const DataContext = React.createContext({
   transformedData: [],
-  sourceData: []
+  sourceData: [],
+  transformed: false
 });
 const DataUtilContext = React.createContext({
   setSourceData: () => void 0,
@@ -12020,7 +12024,8 @@ const DataUtilContext = React.createContext({
   getTransformedData: () => [],
   deleteTransform: () => void 0,
   setTransform: () => void 0,
-  setEmptyContent: () => void 0
+  setEmptyContent: () => void 0,
+  getTransformed: () => false
 });
 const useDataContext = () => useRequiredContext(DataContext);
 const useDataUtilContext = () => useRequiredContext(DataUtilContext);
@@ -12039,8 +12044,11 @@ const DataProvider = ({
     if (sourceData != null)
       setData(sourceData);
   }, [sourceData]);
-  const transformedData = React.useMemo(() => transform2(data), [data, transform2]);
-  const transformedDataRef = useSyncedRef(transformedData);
+  const transformRes = React.useMemo(
+    () => transform2({ data, transformed: false }),
+    [data, transform2]
+  );
+  const transformedDataRef = useSyncedRef(transformRes);
   const [emptyContent, setEmptyContent] = React.useState(
     void 0
   );
@@ -12052,7 +12060,8 @@ const DataProvider = ({
     () => ({
       setSourceData: setData,
       getSourceData: () => dataRef.current,
-      getTransformedData: () => transformedDataRef.current,
+      getTransformedData: () => transformedDataRef.current.data,
+      getTransformed: () => transformedDataRef.current.transformed,
       deleteTransform,
       setTransform,
       setEmptyContent
@@ -12061,11 +12070,12 @@ const DataProvider = ({
   );
   const ctxValue = React.useMemo(
     () => ({
-      transformedData,
+      transformed: transformRes.transformed,
+      transformedData: transformRes.data,
       sourceData: data,
       emptyContent
     }),
-    [transformedData, data, emptyContent]
+    [transformRes, data, emptyContent]
   );
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(DataUtilContext.Provider, { value: utilValue, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(DataContext.Provider, { value: ctxValue, children }) });
 };
@@ -57378,10 +57388,13 @@ const longestEntries = (data, columns) => {
   );
   return longest;
 };
-const sortTransform = (k, dir) => (data) => {
+const sortTransform = (k, dir) => ({ data }) => {
   if (data.length === 0)
-    return data;
-  return [...data].sort(aggregator.S.newFieldF(k, data[0], !dir));
+    return { data, transformed: false };
+  return {
+    data: [...data].sort(aggregator.S.newFieldF(k, data[0], !dir)),
+    transformed: true
+  };
 };
 const Column = {
   /**
@@ -57392,7 +57405,7 @@ const Column = {
   Header,
   /**
    * The item to use for a column list. This should be used as the child render prop
-   * in a list render implmentation e.g. {@link List.Core.Virtual}.
+   * in a list render implementation e.g. {@link List.Core.Virtual}.
    *
    * @param props - implements the {@link ItemProps} interface. All these props
    * should be provided by the list render implementation.
@@ -58261,7 +58274,12 @@ const VirtualCore = ({
     throw new Error("itemHeight must be greater than 0");
   const { hasMore, onFetchMore } = useInfiniteContext();
   const { hover: hoverValue, setHover } = useHoverContext();
-  const { transformedData: data, emptyContent } = useDataContext();
+  const {
+    transformedData: data,
+    emptyContent,
+    transformed,
+    sourceData
+  } = useDataContext();
   const selected = useSelection();
   const { onSelect } = useSelectionUtils();
   const parentRef = React.useRef(null);
@@ -58302,8 +58320,14 @@ const VirtualCore = ({
           style: { height: virtualizer.getTotalSize() },
           children: items.map(({ index: index2, start }) => {
             const entry = data[index2];
+            let sourceIndex = index2;
+            if (transformed) {
+              console.log("TRANSFORMED");
+              sourceIndex = sourceData.findIndex((e2) => e2.key === entry.key);
+            }
             return children({
               key: entry.key,
+              sourceIndex,
               index: index2,
               onSelect,
               entry,
@@ -58321,20 +58345,29 @@ const Core = ({
   itemHeight: _,
   ...props
 }) => {
-  const { transformedData: data, emptyContent } = useDataContext();
+  const {
+    transformedData: data,
+    transformed,
+    emptyContent,
+    sourceData
+  } = useDataContext();
   const { hover: hover3 } = useHoverContext();
   const { selected } = useSelectionContext();
   const { onSelect } = useSelectionUtils();
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Center.Space, { className: css.CSS.BE("list", "container"), size: 0, ...props, children: data.length === 0 ? emptyContent : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, { children: data.map(
-    (entry, index2) => props.children({
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Center.Space, { className: css.CSS.BE("list", "container"), size: 0, ...props, children: data.length === 0 ? emptyContent : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, { children: data.map((entry, index2) => {
+    let sourceIndex = index2;
+    if (transformed)
+      sourceIndex = sourceData.findIndex((e2) => e2.key === entry.key);
+    return props.children({
       key: entry.key,
       index: index2,
+      sourceIndex,
       onSelect,
       entry,
       selected: selected.includes(entry.key),
       hovered: index2 === hover3
-    })
-  ) }) });
+    });
+  }) }) });
 };
 Core.Virtual = VirtualCore;
 const variantColors = {
@@ -59404,4 +59437,4 @@ exports.useUniqueKey = useUniqueKey;
 exports.variantColors = variantColors;
 exports.wrap = wrap;
 exports.wrap$1 = wrap$1;
-//# sourceMappingURL=Toggle-CUvIChUA.cjs.map
+//# sourceMappingURL=Toggle-CAW20E9V.cjs.map