@synnaxlabs/pluto 0.21.7 → 0.21.9

package/dist/{external-BAdU6u03.js.map → external-CnNdgPsB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"external-BAdU6u03.js","sources":["../src/header/Header.tsx","../src/header/Actions.tsx","../src/header/ButtonTitle.tsx","../src/header/Title.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 {\n  createContext,\n  type ReactElement,\n  type ReactNode,\n  useContext as reactUseContext,\n} from \"react\";\n\nimport { Align } from \"@/align\";\nimport { CSS } from \"@/css\";\nimport { type Text } from \"@/text\";\n\nimport \"@/header/Header.css\";\n\nexport interface HeaderProps extends Omit<Align.SpaceProps, \"children\" | \"el\"> {\n  level?: Text.Level;\n  divided?: boolean;\n  children: ReactNode | [ReactNode, ReactNode];\n}\n\nexport interface ContextValue {\n  divided: boolean;\n  level: Text.Level;\n}\n\nconst Context = createContext<ContextValue>({\n  divided: false,\n  level: \"h1\",\n});\n\nexport const useContext = (): ContextValue => reactUseContext(Context);\n\n/**\n * The container for a module header.\n *\n * @param props - The component props. All unused props will be passed down to the\n * {@link Space} containing the header.\n * @param props.level - The font level for the header. See the {@link Typography.Text}\n * component for all possible levels. Default is \"h1.\"\n * @param props.icon - An optional icon to add add before the start of the header text.\n * @param props.actions - A list of actions to be rendered on the right side ofthe header.\n * If the action is a JSX element, it will be rendered directly, and if its of type\n * ButtonIconProps, a ButtonIconOnly will be rendered using the given props.\n * @param props.divided - If true, creates a divider between the start icon, header text,\n * and each action. Default is false.\n */\nexport const Header = ({\n  children,\n  className,\n  level = \"h1\",\n  divided = false,\n  ...props\n}: HeaderProps): ReactElement => (\n  <Context.Provider value={{ level, divided }}>\n    <Align.Space\n      el=\"header\"\n      direction=\"x\"\n      justify=\"spaceBetween\"\n      className={CSS(\n        CSS.B(\"header\"),\n        CSS.bordered(\"bottom\"),\n        divided && CSS.BM(\"header\", \"divided\"),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Align.Space>\n  </Context.Provider>\n);\n","// 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 { Fragment, isValidElement, type ReactElement } from \"react\";\n\nimport { toArray } from \"@synnaxlabs/x\";\n\nimport { Align } from \"@/align\";\nimport { Button } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { Divider } from \"@/divider\";\nimport { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport type ActionSpec = Button.IconProps | ReactElement;\n\nexport interface ActionsProps {\n  children?: ActionSpec | ActionSpec[];\n}\n\n/**\n * Custom actions to render on the right side of the header.\n *\n * @param children - The actions to render. If the action is of type\n * {@link ButtonIconProps}, a correectly sized {@link ButtonIconOnly} is rendered\n * using the given props. If the action is a JSX element, it is renderered directly.\n * It's a good idea to prefer the latter in almost all cases for simplicity.\n */\nexport const Actions = ({ children = [] }: ActionsProps): ReactElement => {\n  const { level, divided } = useContext();\n  return (\n    <Align.Space\n      direction=\"x\"\n      size=\"small\"\n      align=\"center\"\n      className={CSS.BE(\"header\", \"actions\")}\n    >\n      {toArray(children).map((action, i) => (\n        <Action key={i} index={i} level={level} divided={divided}>\n          {action}\n        </Action>\n      ))}\n    </Align.Space>\n  );\n};\n\ninterface ActionProps {\n  index: number;\n  level: Text.Level;\n  children: ReactElement | Button.IconProps;\n  divided: boolean;\n}\n\nconst Action = ({ index, level, children, divided }: ActionProps): ReactElement => {\n  let content: ReactElement = children as ReactElement;\n  if (!isValidElement(children)) {\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n    const props = children as Button.IconProps;\n    content = (\n      <Button.Icon\n        onClick={(e) => {\n          e.stopPropagation();\n          e.preventDefault();\n          props.onClick?.(e);\n        }}\n        key={index}\n        size={Text.LevelComponentSizes[level]}\n        {...props}\n      />\n    );\n  }\n  return (\n    <Fragment key={index}>\n      {divided && <Divider.Divider />}\n      {content}\n    </Fragment>\n  );\n};\n","// 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 } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport interface ButtonTitleProps\n  extends Omit<Button.ButtonProps, \"variant\" | \"size\"> {}\n\n/**\n * Header.Title.Use renders a clickable header title.\n *\n * @param props - The comonent props. The props for this component are identical\n * to {@link Button}, except the variant is always 'outlined' and that the component size\n * is automatically inferred from the 'level' prop passsed to the parent {@link Header}\n * component.\n */\nexport const ButtonTitle = ({\n  children = \"\",\n  className,\n  onClick,\n  ...props\n}: ButtonTitleProps): ReactElement => {\n  const { level } = useContext();\n  return (\n    <Button.Button\n      variant=\"text\"\n      size={Text.LevelComponentSizes[level]}\n      onClick={onClick}\n      className={CSS(CSS.B(\"header-button-title\"), className)}\n      sharp\n      {...props}\n    >\n      {children}\n    </Button.Button>\n  );\n};\n","// 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 { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport interface TitleProps extends Omit<Text.WithIconProps, \"divided\" | \"level\"> {\n  level?: Text.Level;\n}\n\n/**\n * Renders the title for the header component.\n *\n * @param props - The component props. The props for this component are identical\n * to the {@link Typography.TextWithIcon} component, except that the 'level', and\n * 'divider' props are inherited from the parent {@link Header} component.\n */\nexport const Title = ({\n  className,\n  level: propsLevel,\n  ...props\n}: TitleProps): ReactElement => {\n  const { level, divided } = useContext();\n  return (\n    <Text.WithIcon\n      className={CSS(CSS.BE(\"header\", \"text\"), className)}\n      level={propsLevel ?? level}\n      divided={divided}\n      size={1.5}\n      {...props}\n    />\n  );\n};\n"],"names":["reactUseContext","jsx","Align.Space","toArray","Button.Icon","Text.LevelComponentSizes","Divider.Divider","Button.Button","Text.WithIcon"],"mappings":";;;;;;AAiCA,MAAM,UAAU,cAA4B;AAAA,EAC1C,SAAS;AAAA,EACT,OAAO;AACT,CAAC;AAEY,MAAA,aAAa,MAAoBA,aAAgB,OAAO;AAgB9D,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,GAAG;AACL,MACEC,kCAAA,IAAC,QAAQ,UAAR,EAAiB,OAAO,EAAE,OAAO,WAChC,UAAAA,kCAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,IAAG;AAAA,IACH,WAAU;AAAA,IACV,SAAQ;AAAA,IACR,WAAW;AAAA,MACT,IAAI,EAAE,QAAQ;AAAA,MACd,IAAI,SAAS,QAAQ;AAAA,MACrB,WAAW,IAAI,GAAG,UAAU,SAAS;AAAA,MACrC;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA,EAAA;AACH,EACF,CAAA;AC1CK,MAAM,UAAU,CAAC,EAAE,WAAW,CAAA,QAAqC;AACxE,QAAM,EAAE,OAAO,QAAQ,IAAI,WAAW;AAEpC,SAAAD,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAW,IAAI,GAAG,UAAU,SAAS;AAAA,MAEpC,UAAQC,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,MAC7BF,sCAAA,QAAA,EAAe,OAAO,GAAG,OAAc,SACrC,UAAA,OAAA,GADU,CAEb,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;AASA,MAAM,SAAS,CAAC,EAAE,OAAO,OAAO,UAAU,cAAyC;AACjF,MAAI,UAAwB;AACxB,MAAA,CAAC,eAAe,QAAQ,GAAG;AAE7B,UAAM,QAAQ;AAEZ,cAAAA,kCAAA;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;;AACd,YAAE,gBAAgB;AAClB,YAAE,eAAe;AACjB,sBAAM,YAAN,+BAAgB;AAAA,QAClB;AAAA,QAEA,MAAMC,oBAAyB,KAAK;AAAA,QACnC,GAAG;AAAA,MAAA;AAAA,MAFC;AAAA,IAAA;AAAA,EAKX;AACA,gDACG,UACE,EAAA,UAAA;AAAA,IAAW,WAAAJ,kCAAAA,IAACK,SAAA,EAAgB;AAAA,IAC5B;AAAA,EAAA,EAAA,GAFY,KAGf;AAEJ;ACxDO,MAAM,cAAc,CAAC;AAAA,EAC1B,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsC;AAC9B,QAAA,EAAE,UAAU;AAEhB,SAAAL,kCAAA;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMF,oBAAyB,KAAK;AAAA,MACpC;AAAA,MACA,WAAW,IAAI,IAAI,EAAE,qBAAqB,GAAG,SAAS;AAAA,MACtD,OAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;ACpBO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAgC;AAC9B,QAAM,EAAE,OAAO,QAAQ,IAAI,WAAW;AAEpC,SAAAJ,kCAAA;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,WAAW,IAAI,IAAI,GAAG,UAAU,MAAM,GAAG,SAAS;AAAA,MAClD,OAAO,cAAc;AAAA,MACrB;AAAA,MACA,MAAM;AAAA,MACL,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;;;;;;;;"}
+{"version":3,"file":"external-CnNdgPsB.js","sources":["../src/header/Header.tsx","../src/header/Actions.tsx","../src/header/ButtonTitle.tsx","../src/header/Title.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 {\n  createContext,\n  type ReactElement,\n  type ReactNode,\n  useContext as reactUseContext,\n} from \"react\";\n\nimport { Align } from \"@/align\";\nimport { CSS } from \"@/css\";\nimport { type Text } from \"@/text\";\n\nimport \"@/header/Header.css\";\n\nexport interface HeaderProps extends Omit<Align.SpaceProps, \"children\" | \"el\"> {\n  level?: Text.Level;\n  divided?: boolean;\n  children: ReactNode | [ReactNode, ReactNode];\n}\n\nexport interface ContextValue {\n  divided: boolean;\n  level: Text.Level;\n}\n\nconst Context = createContext<ContextValue>({\n  divided: false,\n  level: \"h1\",\n});\n\nexport const useContext = (): ContextValue => reactUseContext(Context);\n\n/**\n * The container for a module header.\n *\n * @param props - The component props. All unused props will be passed down to the\n * {@link Space} containing the header.\n * @param props.level - The font level for the header. See the {@link Typography.Text}\n * component for all possible levels. Default is \"h1.\"\n * @param props.icon - An optional icon to add add before the start of the header text.\n * @param props.actions - A list of actions to be rendered on the right side ofthe header.\n * If the action is a JSX element, it will be rendered directly, and if its of type\n * ButtonIconProps, a ButtonIconOnly will be rendered using the given props.\n * @param props.divided - If true, creates a divider between the start icon, header text,\n * and each action. Default is false.\n */\nexport const Header = ({\n  children,\n  className,\n  level = \"h1\",\n  divided = false,\n  ...props\n}: HeaderProps): ReactElement => (\n  <Context.Provider value={{ level, divided }}>\n    <Align.Space\n      el=\"header\"\n      direction=\"x\"\n      justify=\"spaceBetween\"\n      className={CSS(\n        CSS.B(\"header\"),\n        CSS.bordered(\"bottom\"),\n        divided && CSS.BM(\"header\", \"divided\"),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Align.Space>\n  </Context.Provider>\n);\n","// 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 { Fragment, isValidElement, type ReactElement } from \"react\";\n\nimport { toArray } from \"@synnaxlabs/x\";\n\nimport { Align } from \"@/align\";\nimport { Button } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { Divider } from \"@/divider\";\nimport { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport type ActionSpec = Button.IconProps | ReactElement;\n\nexport interface ActionsProps {\n  children?: ActionSpec | ActionSpec[];\n}\n\n/**\n * Custom actions to render on the right side of the header.\n *\n * @param children - The actions to render. If the action is of type\n * {@link ButtonIconProps}, a correectly sized {@link ButtonIconOnly} is rendered\n * using the given props. If the action is a JSX element, it is renderered directly.\n * It's a good idea to prefer the latter in almost all cases for simplicity.\n */\nexport const Actions = ({ children = [] }: ActionsProps): ReactElement => {\n  const { level, divided } = useContext();\n  return (\n    <Align.Space\n      direction=\"x\"\n      size=\"small\"\n      align=\"center\"\n      className={CSS.BE(\"header\", \"actions\")}\n    >\n      {toArray(children).map((action, i) => (\n        <Action key={i} index={i} level={level} divided={divided}>\n          {action}\n        </Action>\n      ))}\n    </Align.Space>\n  );\n};\n\ninterface ActionProps {\n  index: number;\n  level: Text.Level;\n  children: ReactElement | Button.IconProps;\n  divided: boolean;\n}\n\nconst Action = ({ index, level, children, divided }: ActionProps): ReactElement => {\n  let content: ReactElement = children as ReactElement;\n  if (!isValidElement(children)) {\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n    const props = children as Button.IconProps;\n    content = (\n      <Button.Icon\n        onClick={(e) => {\n          e.stopPropagation();\n          e.preventDefault();\n          props.onClick?.(e);\n        }}\n        key={index}\n        size={Text.LevelComponentSizes[level]}\n        {...props}\n      />\n    );\n  }\n  return (\n    <Fragment key={index}>\n      {divided && <Divider.Divider />}\n      {content}\n    </Fragment>\n  );\n};\n","// 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 } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport interface ButtonTitleProps\n  extends Omit<Button.ButtonProps, \"variant\" | \"size\"> {}\n\n/**\n * Header.Title.Use renders a clickable header title.\n *\n * @param props - The comonent props. The props for this component are identical\n * to {@link Button}, except the variant is always 'outlined' and that the component size\n * is automatically inferred from the 'level' prop passsed to the parent {@link Header}\n * component.\n */\nexport const ButtonTitle = ({\n  children = \"\",\n  className,\n  onClick,\n  ...props\n}: ButtonTitleProps): ReactElement => {\n  const { level } = useContext();\n  return (\n    <Button.Button\n      variant=\"text\"\n      size={Text.LevelComponentSizes[level]}\n      onClick={onClick}\n      className={CSS(CSS.B(\"header-button-title\"), className)}\n      sharp\n      {...props}\n    >\n      {children}\n    </Button.Button>\n  );\n};\n","// 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 { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport interface TitleProps extends Omit<Text.WithIconProps, \"divided\" | \"level\"> {\n  level?: Text.Level;\n}\n\n/**\n * Renders the title for the header component.\n *\n * @param props - The component props. The props for this component are identical\n * to the {@link Typography.TextWithIcon} component, except that the 'level', and\n * 'divider' props are inherited from the parent {@link Header} component.\n */\nexport const Title = ({\n  className,\n  level: propsLevel,\n  ...props\n}: TitleProps): ReactElement => {\n  const { level, divided } = useContext();\n  return (\n    <Text.WithIcon\n      className={CSS(CSS.BE(\"header\", \"text\"), className)}\n      level={propsLevel ?? level}\n      divided={divided}\n      size={1.5}\n      {...props}\n    />\n  );\n};\n"],"names":["reactUseContext","jsx","Align.Space","toArray","Button.Icon","Text.LevelComponentSizes","Divider.Divider","Button.Button","Text.WithIcon"],"mappings":";;;;;;AAiCA,MAAM,UAAU,cAA4B;AAAA,EAC1C,SAAS;AAAA,EACT,OAAO;AACT,CAAC;AAEY,MAAA,aAAa,MAAoBA,aAAgB,OAAO;AAgB9D,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,GAAG;AACL,MACEC,kCAAA,IAAC,QAAQ,UAAR,EAAiB,OAAO,EAAE,OAAO,WAChC,UAAAA,kCAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,IAAG;AAAA,IACH,WAAU;AAAA,IACV,SAAQ;AAAA,IACR,WAAW;AAAA,MACT,IAAI,EAAE,QAAQ;AAAA,MACd,IAAI,SAAS,QAAQ;AAAA,MACrB,WAAW,IAAI,GAAG,UAAU,SAAS;AAAA,MACrC;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA,EAAA;AACH,EACF,CAAA;AC1CK,MAAM,UAAU,CAAC,EAAE,WAAW,CAAA,QAAqC;AACxE,QAAM,EAAE,OAAO,QAAQ,IAAI,WAAW;AAEpC,SAAAD,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAW,IAAI,GAAG,UAAU,SAAS;AAAA,MAEpC,UAAQC,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,MAC7BF,sCAAA,QAAA,EAAe,OAAO,GAAG,OAAc,SACrC,UAAA,OAAA,GADU,CAEb,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;AASA,MAAM,SAAS,CAAC,EAAE,OAAO,OAAO,UAAU,cAAyC;AACjF,MAAI,UAAwB;AACxB,MAAA,CAAC,eAAe,QAAQ,GAAG;AAE7B,UAAM,QAAQ;AAEZ,cAAAA,kCAAA;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;;AACd,YAAE,gBAAgB;AAClB,YAAE,eAAe;AACjB,sBAAM,YAAN,+BAAgB;AAAA,QAClB;AAAA,QAEA,MAAMC,oBAAyB,KAAK;AAAA,QACnC,GAAG;AAAA,MAAA;AAAA,MAFC;AAAA,IAAA;AAAA,EAKX;AACA,gDACG,UACE,EAAA,UAAA;AAAA,IAAW,WAAAJ,kCAAAA,IAACK,SAAA,EAAgB;AAAA,IAC5B;AAAA,EAAA,EAAA,GAFY,KAGf;AAEJ;ACxDO,MAAM,cAAc,CAAC;AAAA,EAC1B,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsC;AAC9B,QAAA,EAAE,UAAU;AAEhB,SAAAL,kCAAA;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMF,oBAAyB,KAAK;AAAA,MACpC;AAAA,MACA,WAAW,IAAI,IAAI,EAAE,qBAAqB,GAAG,SAAS;AAAA,MACtD,OAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;ACpBO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAgC;AAC9B,QAAM,EAAE,OAAO,QAAQ,IAAI,WAAW;AAEpC,SAAAJ,kCAAA;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,WAAW,IAAI,IAAI,GAAG,UAAU,MAAM,GAAG,SAAS;AAAA,MAClD,OAAO,cAAc;AAAA,MACrB;AAAA,MACA,MAAM;AAAA,MACL,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;;;;;;;;"}

package/dist/{external-DiFhWWS-.js → external-CwjCCHPi.js}

@@ -1,11 +1,11 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-mMz73N64.js";
 import { memo, useState, useCallback, useMemo } from "react";
-import { p as m0, v as useSelectionUtils, w as useDataUtilContext, m as useDragAndDrop, q as CONTEXT_TARGET, C as CONTEXT_SELECTED, M as MaybeEditable, x as useCombinedStateAndRef, o as useSyncedRef, y as useHeldRef, B as Button, z as Core, A as Selector, F as edit, G as componentRenderProp } from "./Toggle-DGLgYCOX.js";
-import { L as Link } from "./Link-d3CXVSaO.js";
-import { C as CSS } from "./css-DoalWJF6.js";
-import { A, i as usePassthrough } from "./aggregator-BgImZc4o.js";
-import "./Center-hbwH7rg9.js";
-import { L as List } from "./List-DcsWFiLT.js";
+import { p as m0, v as useSelectionUtils, w as useDataUtilContext, m as useDragAndDrop, q as CONTEXT_TARGET, C as CONTEXT_SELECTED, M as MaybeEditable, x as useCombinedStateAndRef, o as useSyncedRef, y as useHeldRef, B as Button, z as Core, A as Selector, F as edit, G as componentRenderProp } from "./Toggle-bT5RpwfA.js";
+import { L as Link } from "./Link-DQKdkwWL.js";
+import { C as CSS } from "./css-DKKmdhSr.js";
+import { A, i as usePassthrough } from "./aggregator-B8fg7W2s.js";
+import "./Center-BK9Rcaa0.js";
+import { L as List } from "./List-BmP_se57.js";
 const shouldExpand = (node, expanded) => expanded.includes(node.key);
 const sortAndSplice = (nodes, sort) => {
   if (sort) {
@@ -369,4 +369,4 @@ const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
 export {
   external as e
 };
-//# sourceMappingURL=external-DiFhWWS-.js.map
+//# sourceMappingURL=external-CwjCCHPi.js.map

package/dist/{external-DiFhWWS-.js.map → external-CwjCCHPi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"external-DiFhWWS-.js","sources":["../src/tree/core.ts","../src/tree/Tree.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 { toArray } from \"@synnaxlabs/x\";\n\nimport { type Haul } from \"@/haul\";\n\nexport interface Node {\n  key: string;\n  name: string;\n  renaming?: boolean;\n  forcePosition?: number;\n  icon?: ReactElement;\n  allowRename?: boolean;\n  hasChildren?: boolean;\n  children?: Node[];\n  haulItems?: Haul.Item[];\n  canDrop?: (items: Haul.Item[]) => boolean;\n  href?: string;\n}\n\nexport interface NodeWithPosition extends Node {\n  depth: number;\n  position: number;\n}\n\nexport interface FlattenedNode extends Node {\n  index: number;\n  depth: number;\n  expanded: boolean;\n}\n\nexport const shouldExpand = (node: Node, expanded: string[]): boolean =>\n  expanded.includes(node.key);\n\nexport interface FlattenProps {\n  nodes: Node[];\n  expanded: string[];\n  depth?: number;\n  sort?: boolean;\n}\n\nexport const sortAndSplice = (nodes: Node[], sort: boolean): Node[] => {\n  if (sort) {\n    nodes.sort((a, b) => a.name.localeCompare(b.name));\n  }\n  let found = false;\n  for (let i = 0; i < nodes.length; i++) {\n    const node = nodes[i];\n    if (node.forcePosition != null && i !== node.forcePosition) {\n      found = true;\n      // remove the node from its current position\n      nodes.splice(i, 1);\n      // splice it into the forced position\n      nodes.splice(node.forcePosition, 0, node);\n    }\n  }\n  if (found) return sortAndSplice(nodes, false);\n  return nodes;\n};\n\nexport const flatten = ({\n  nodes,\n  expanded,\n  depth = 0,\n  sort = true,\n}: FlattenProps): FlattenedNode[] => {\n  // Sort the first level of the tree independently of the rest\n  if (depth === 0 && sort) nodes = nodes.sort((a, b) => a.name.localeCompare(b.name));\n  const flattened: FlattenedNode[] = [];\n  nodes.forEach((node, index) => {\n    const expand = shouldExpand(node, expanded);\n    flattened.push({ ...node, depth, expanded: expand, index });\n    if (expand && node.children != null) {\n      node.children = sortAndSplice(node.children, sort);\n      flattened.push(\n        ...flatten({ nodes: node.children, expanded, depth: depth + 1, sort }),\n      );\n    }\n  });\n  return flattened;\n};\n\nexport interface MoveNodeProps {\n  tree: Node[];\n  destination: string;\n  keys: string | string[];\n}\n\nexport const moveNode = ({ tree, destination, keys }: MoveNodeProps): Node[] => {\n  keys = toArray(keys);\n  keys.forEach((key) => {\n    const node = findNode({ tree, key });\n    if (node == null) return;\n    removeNode({ tree, keys: key });\n    setNode({ tree, destination, additions: node });\n  });\n  return tree;\n};\n\nexport interface RemoveNodeProps {\n  tree: Node[];\n  keys: string | string[];\n}\n\nexport const removeNode = ({ tree, keys }: RemoveNodeProps): Node[] => {\n  keys = toArray(keys);\n  const treeKeys = tree.map((node) => node.key);\n  keys.forEach((key) => {\n    const index = treeKeys.indexOf(key);\n    if (index !== -1) tree.splice(index, 1);\n    else {\n      const parent = findNodeParent({ tree, key });\n      if (parent != null)\n        parent.children = parent.children?.filter((child) => child.key !== key);\n    }\n  });\n  return tree;\n};\n\nexport interface SetNodeProps {\n  tree: Node[];\n  destination: string;\n  additions: Node | Node[];\n}\n\nexport const setNode = ({ tree, destination, additions }: SetNodeProps): Node[] => {\n  additions = toArray(additions);\n  const node = findNode({ tree, key: destination });\n  if (node == null) throw new Error(`Could not find node with key ${destination}`);\n  if (node.children == null) node.children = [];\n  const addedKeys = additions.map((node) => node.key);\n  node.children = [\n    ...additions,\n    ...node.children.filter((child) => !addedKeys.includes(child.key)),\n  ];\n  return tree;\n};\n\nexport interface UpdateNodeProps {\n  tree: Node[];\n  key: string;\n  updater: (node: Node) => Node;\n  throwOnMissing?: boolean;\n}\n\nexport const updateNode = ({\n  tree,\n  key,\n  updater,\n  throwOnMissing = true,\n}: UpdateNodeProps): Node[] => {\n  const node = findNode({ tree, key });\n  if (node == null) {\n    if (throwOnMissing) throw new Error(`Could not find node with key ${key}`);\n    return tree;\n  }\n  const parent = findNodeParent({ tree, key });\n  if (parent != null) {\n    // splice the updated node into the parent's children\n    const index = parent.children?.findIndex((child) => child.key === key);\n    if (index != null && index !== -1) parent.children?.splice(index, 1, updater(node));\n  } else {\n    // we're in the root, so just update the node\n    tree.splice(\n      tree.findIndex((node) => node.key === key),\n      1,\n      updater(node),\n    );\n  }\n  return tree;\n};\n\nexport interface FindNodeProps {\n  tree: Node[];\n  key: string;\n  depth?: number;\n}\n\nexport const findNode = ({\n  tree,\n  key,\n  depth = 0,\n}: FindNodeProps): NodeWithPosition | null => {\n  for (let i = 0; i < tree.length; i++) {\n    const node = tree[i];\n    if (node.key === key) {\n      const n = node as NodeWithPosition;\n      n.depth = depth;\n      n.position = i;\n      return n;\n    }\n    if (node.children != null) {\n      const found = findNode({ tree: node.children, key, depth: depth + 1 });\n      if (found != null) return found;\n    }\n  }\n  return null;\n};\n\nexport interface FindNodesProps {\n  tree: Node[];\n  keys: string[];\n}\n\nexport const findNodes = ({ tree, keys }: FindNodesProps): NodeWithPosition[] => {\n  const nodes: NodeWithPosition[] = [];\n  for (const key of keys) {\n    const node = findNode({ tree, key });\n    if (node != null) nodes.push(node);\n  }\n  return nodes;\n};\n\nexport interface FindNodeParentProps {\n  tree: Node[];\n  key: string;\n}\n\nexport const findNodeParent = ({ tree, key }: FindNodeParentProps): Node | null => {\n  for (const node of tree) {\n    if (node.children != null) {\n      if (node.children.some((child) => child.key === key)) return node;\n      const found = findNodeParent({ tree: node.children, key });\n      if (found != null) return found;\n    }\n  }\n  return null;\n};\n","// 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 {\n  type ReactElement,\n  useCallback,\n  useMemo,\n  useState,\n  type FC,\n  memo,\n} from \"react\";\n\nimport { Icon } from \"@synnaxlabs/media\";\n\nimport { Button } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { Haul } from \"@/haul\";\nimport { useSyncedRef, useCombinedStateAndRef } from \"@/hooks\";\nimport { List } from \"@/list\";\nimport { type UseSelectOnChangeExtra, type UseSelectProps } from \"@/list/useSelect\";\nimport { CONTEXT_SELECTED, CONTEXT_TARGET } from \"@/menu/ContextMenu\";\nimport { state } from \"@/state\";\nimport { Text } from \"@/text\";\nimport { flatten, type Node, type FlattenedNode } from \"@/tree/core\";\nimport { Triggers } from \"@/triggers\";\nimport { type RenderProp, componentRenderProp } from \"@/util/renderProp\";\n\nimport \"@/tree/Tree.css\";\n\nexport const HAUL_TYPE = \"tree-item\";\n\nexport interface HandleExpandProps {\n  current: string[];\n  action: \"expand\" | \"contract\";\n  clicked: string;\n}\n\nexport interface UseProps {\n  onExpand?: (props: HandleExpandProps) => void;\n  selected?: string[];\n  onSelectedChange?: state.Set<string[]>;\n  initialExpanded?: string[];\n  nodes: Node[];\n  sort?: boolean;\n}\n\nexport interface UseReturn {\n  selected: string[];\n  expanded: string[];\n  onSelect: UseSelectProps<string, FlattenedNode>[\"onChange\"];\n  nodes: FlattenedNode[];\n}\n\nconst SHIFT_TRIGGERS: Triggers.Trigger[] = [[\"Shift\"]];\n\nexport const use = (props: UseProps): UseReturn => {\n  const {\n    onExpand,\n    nodes,\n    initialExpanded = [],\n    sort = true,\n    selected: propsSelected,\n    onSelectedChange,\n  } = props ?? {};\n  const [expanded, setExpanded, ref] =\n    useCombinedStateAndRef<string[]>(initialExpanded);\n  const [selected, setSelected] = state.usePassthrough<string[]>({\n    initial: [],\n    value: propsSelected,\n    onChange: onSelectedChange,\n  });\n  const flat = useMemo(\n    () => flatten({ nodes, expanded, sort }),\n    [nodes, expanded, sort],\n  );\n  const flatRef = useSyncedRef(flat);\n\n  const shiftRef = Triggers.useHeldRef({ triggers: SHIFT_TRIGGERS });\n\n  const handleSelect: UseSelectProps<string, FlattenedNode>[\"onChange\"] = useCallback(\n    (\n      keys: string[],\n      { clicked }: UseSelectOnChangeExtra<string, FlattenedNode>,\n    ): void => {\n      setSelected(keys);\n      const n = flatRef.current.find((node) => node.key === clicked);\n      if (n?.hasChildren === false) return;\n      if (clicked == null || shiftRef.current.held) return;\n      const currentlyExpanded = ref.current;\n      const action = currentlyExpanded.some((key) => key === clicked)\n        ? \"contract\"\n        : \"expand\";\n      let nextExpanded = currentlyExpanded;\n      if (action === \"contract\")\n        nextExpanded = currentlyExpanded.filter((key) => key !== clicked);\n      else nextExpanded = [...currentlyExpanded, clicked];\n      setExpanded(nextExpanded);\n      onExpand?.({ current: nextExpanded, action, clicked });\n    },\n    [onExpand, flatRef, setExpanded, setSelected],\n  );\n\n  return {\n    onSelect: handleSelect,\n    selected,\n    expanded,\n    nodes: flat,\n  };\n};\n\nexport interface ItemProps extends List.ItemProps<string, FlattenedNode> {\n  onDrop?: (key: string, props: Haul.OnDropProps) => Haul.Item[];\n  onSuccessfulDrop?: (key: string, props: Haul.OnSuccessfulDropProps) => void;\n  onRename?: (key: string, name: string) => void;\n  onDoubleClick?: (key: string, e: React.MouseEvent) => void;\n  loading?: boolean;\n  useMargin?: boolean;\n}\n\ntype TreePropsInheritedFromItem = Pick<\n  ItemProps,\n  \"onDrop\" | \"onRename\" | \"onSuccessfulDrop\" | \"onDoubleClick\" | \"useMargin\"\n>;\n\ntype TreePropsInheritedFromList = Omit<\n  List.VirtualCoreProps<string, FlattenedNode>,\n  \"onDrop\" | \"onSelect\" | \"children\" | \"onDoubleClick\" | \"itemHeight\"\n> & {\n  itemHeight?: number;\n};\n\nexport interface TreeProps\n  extends TreePropsInheritedFromItem,\n    TreePropsInheritedFromList {\n  nodes: FlattenedNode[];\n  selected?: string[];\n  onSelect: UseSelectProps<string, FlattenedNode>[\"onChange\"];\n  children?: RenderProp<ItemProps>;\n  virtual?: boolean;\n}\n\nconst expandedCaret = <Icon.Caret.Down className={CSS.B(\"caret\")} />;\nconst collapsedCaret = <Icon.Caret.Right className={CSS.B(\"caret\")} />;\n\nexport type Item = FC<ItemProps>;\n\nexport const DefaultItem = memo(\n  ({\n    entry,\n    selected,\n    onSelect,\n    onDrop,\n    onRename,\n    onSuccessfulDrop,\n    onDoubleClick,\n    loading = false,\n    useMargin = false,\n    translate,\n  }: ItemProps): ReactElement => {\n    const {\n      key,\n      hasChildren = false,\n      allowRename = false,\n      children,\n      icon,\n      name,\n      depth,\n      expanded,\n      href,\n      haulItems = [],\n    } = entry;\n\n    const { getSelected } = List.useSelectionUtils<string>();\n    const { getSourceData } = List.useDataUtilContext<string, FlattenedNode>();\n\n    const actuallyHasChildren =\n      hasChildren || (children != null && children.length > 0);\n\n    // Expand, contract, and loading items.\n    const startIcons: ReactElement[] = [];\n    if (actuallyHasChildren) startIcons.push(expanded ? expandedCaret : collapsedCaret);\n    if (icon != null) startIcons.push(icon);\n    const endIcons: ReactElement[] = [];\n    if (loading) endIcons.push(<Icon.Loading className={CSS.B(\"loading-indicator\")} />);\n\n    const [draggingOver, setDraggingOver] = useState(false);\n\n    // Drag and Drop\n    const { startDrag, ...dropProps } = Haul.useDragAndDrop({\n      type: \"Tree.Item\",\n      key,\n      canDrop: useCallback(({ items: entities, source }) => {\n        const keys = entities.map((item) => item.key);\n        setDraggingOver(false);\n        return source.type === \"Tree.Item\" && !keys.includes(key);\n      }, []),\n      onDrop: useCallback((props) => onDrop?.(key, props) ?? [], [key, onDrop]),\n      onDragOver: useCallback(() => setDraggingOver(true), []),\n    });\n\n    const handleDragStart = (): void => {\n      const selectedItemKeys = getSelected();\n      const selectedItems = getSourceData().filter((item) =>\n        selectedItemKeys.includes(item.key),\n      );\n      if (selectedItemKeys.includes(key)) {\n        const selectedHaulItems = selectedItems\n          .map(({ key, haulItems }) => [{ type: HAUL_TYPE, key }, ...(haulItems ?? [])])\n          .flat();\n        return startDrag(selectedHaulItems, (props) => onSuccessfulDrop?.(key, props));\n      }\n      startDrag([{ type: HAUL_TYPE, key }, ...haulItems], (props) =>\n        onSuccessfulDrop?.(key, props),\n      );\n    };\n\n    const offsetKey = useMargin ? \"marginLeft\" : \"paddingLeft\";\n\n    const baseProps: Button.LinkProps | Button.ButtonProps = {\n      id: key,\n      variant: \"text\",\n      draggable: true,\n      className: CSS(\n        CSS.BE(\"list\", \"item\"),\n        CONTEXT_TARGET,\n        draggingOver && CSS.M(\"dragging-over\"),\n        selected && CONTEXT_SELECTED,\n        CSS.selected(selected),\n        actuallyHasChildren && CSS.M(\"has-children\"),\n      ),\n      onDragLeave: () => setDraggingOver(false),\n      onDragStart: handleDragStart,\n      onClick: () => onSelect?.(key),\n      style: {\n        position: translate != null ? \"absolute\" : \"relative\",\n        transform: `translateY(${translate}px)`,\n        [offsetKey]: `${depth * 1.5 + 1}rem`,\n      },\n      startIcon: startIcons,\n      iconSpacing: \"small\",\n      noWrap: true,\n      endIcon: endIcons,\n      onDoubleClick: (e) => onDoubleClick?.(key, e),\n      href,\n      ...dropProps,\n    };\n\n    const Base = href != null ? Button.Link : Button.Button;\n\n    return (\n      <Base className={CSS.BE(\"list\", \"item\")} {...baseProps}>\n        <Text.MaybeEditable\n          id={`text-${key}`}\n          level=\"p\"\n          allowDoubleClick={false}\n          value={name}\n          disabled={!allowRename}\n          onChange={(name) => onRename?.(key, name)}\n        />\n      </Base>\n    );\n  },\n);\nDefaultItem.displayName = \"Tree.Item\";\n\nconst defaultChild = componentRenderProp(DefaultItem);\n\nexport const Tree = ({\n  nodes,\n  selected = [],\n  onSelect,\n  onDrop,\n  onRename,\n  onSuccessfulDrop,\n  onDoubleClick,\n  className,\n  children = defaultChild,\n  itemHeight = 27,\n  useMargin = false,\n  virtual = true,\n  ...props\n}: TreeProps): ReactElement => {\n  const Core = virtual ? List.Core.Virtual : List.Core;\n\n  return (\n    <List.List<string, FlattenedNode> data={nodes}>\n      <List.Selector value={selected} onChange={onSelect} allowMultiple replaceOnSingle>\n        <Core<string, FlattenedNode>\n          itemHeight={itemHeight}\n          className={CSS(className, CSS.B(\"tree\"))}\n          {...props}\n        >\n          {(props) =>\n            children({\n              ...props,\n              useMargin,\n              onDrop,\n              onRename,\n              onSuccessfulDrop,\n              onDoubleClick,\n            })\n          }\n        </Core>\n      </List.Selector>\n    </List.List>\n  );\n};\n\nexport const startRenaming = (key: string): void => Text.edit(`text-${key}`);\n"],"names":["toArray","node","state.usePassthrough","Triggers.useHeldRef","jsx","Icon","List.useSelectionUtils","List.useDataUtilContext","Haul.useDragAndDrop","key","haulItems","Button.Link","Button.Button","Text.MaybeEditable","name","Core","List.Core","List.List","List.Selector","props","Text.edit"],"mappings":"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"}
+{"version":3,"file":"external-CwjCCHPi.js","sources":["../src/tree/core.ts","../src/tree/Tree.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 { toArray } from \"@synnaxlabs/x\";\n\nimport { type Haul } from \"@/haul\";\n\nexport interface Node {\n  key: string;\n  name: string;\n  renaming?: boolean;\n  forcePosition?: number;\n  icon?: ReactElement;\n  allowRename?: boolean;\n  hasChildren?: boolean;\n  children?: Node[];\n  haulItems?: Haul.Item[];\n  canDrop?: (items: Haul.Item[]) => boolean;\n  href?: string;\n}\n\nexport interface NodeWithPosition extends Node {\n  depth: number;\n  position: number;\n}\n\nexport interface FlattenedNode extends Node {\n  index: number;\n  depth: number;\n  expanded: boolean;\n}\n\nexport const shouldExpand = (node: Node, expanded: string[]): boolean =>\n  expanded.includes(node.key);\n\nexport interface FlattenProps {\n  nodes: Node[];\n  expanded: string[];\n  depth?: number;\n  sort?: boolean;\n}\n\nexport const sortAndSplice = (nodes: Node[], sort: boolean): Node[] => {\n  if (sort) {\n    nodes.sort((a, b) => a.name.localeCompare(b.name));\n  }\n  let found = false;\n  for (let i = 0; i < nodes.length; i++) {\n    const node = nodes[i];\n    if (node.forcePosition != null && i !== node.forcePosition) {\n      found = true;\n      // remove the node from its current position\n      nodes.splice(i, 1);\n      // splice it into the forced position\n      nodes.splice(node.forcePosition, 0, node);\n    }\n  }\n  if (found) return sortAndSplice(nodes, false);\n  return nodes;\n};\n\nexport const flatten = ({\n  nodes,\n  expanded,\n  depth = 0,\n  sort = true,\n}: FlattenProps): FlattenedNode[] => {\n  // Sort the first level of the tree independently of the rest\n  if (depth === 0 && sort) nodes = nodes.sort((a, b) => a.name.localeCompare(b.name));\n  const flattened: FlattenedNode[] = [];\n  nodes.forEach((node, index) => {\n    const expand = shouldExpand(node, expanded);\n    flattened.push({ ...node, depth, expanded: expand, index });\n    if (expand && node.children != null) {\n      node.children = sortAndSplice(node.children, sort);\n      flattened.push(\n        ...flatten({ nodes: node.children, expanded, depth: depth + 1, sort }),\n      );\n    }\n  });\n  return flattened;\n};\n\nexport interface MoveNodeProps {\n  tree: Node[];\n  destination: string;\n  keys: string | string[];\n}\n\nexport const moveNode = ({ tree, destination, keys }: MoveNodeProps): Node[] => {\n  keys = toArray(keys);\n  keys.forEach((key) => {\n    const node = findNode({ tree, key });\n    if (node == null) return;\n    removeNode({ tree, keys: key });\n    setNode({ tree, destination, additions: node });\n  });\n  return tree;\n};\n\nexport interface RemoveNodeProps {\n  tree: Node[];\n  keys: string | string[];\n}\n\nexport const removeNode = ({ tree, keys }: RemoveNodeProps): Node[] => {\n  keys = toArray(keys);\n  const treeKeys = tree.map((node) => node.key);\n  keys.forEach((key) => {\n    const index = treeKeys.indexOf(key);\n    if (index !== -1) tree.splice(index, 1);\n    else {\n      const parent = findNodeParent({ tree, key });\n      if (parent != null)\n        parent.children = parent.children?.filter((child) => child.key !== key);\n    }\n  });\n  return tree;\n};\n\nexport interface SetNodeProps {\n  tree: Node[];\n  destination: string;\n  additions: Node | Node[];\n}\n\nexport const setNode = ({ tree, destination, additions }: SetNodeProps): Node[] => {\n  additions = toArray(additions);\n  const node = findNode({ tree, key: destination });\n  if (node == null) throw new Error(`Could not find node with key ${destination}`);\n  if (node.children == null) node.children = [];\n  const addedKeys = additions.map((node) => node.key);\n  node.children = [\n    ...additions,\n    ...node.children.filter((child) => !addedKeys.includes(child.key)),\n  ];\n  return tree;\n};\n\nexport interface UpdateNodeProps {\n  tree: Node[];\n  key: string;\n  updater: (node: Node) => Node;\n  throwOnMissing?: boolean;\n}\n\nexport const updateNode = ({\n  tree,\n  key,\n  updater,\n  throwOnMissing = true,\n}: UpdateNodeProps): Node[] => {\n  const node = findNode({ tree, key });\n  if (node == null) {\n    if (throwOnMissing) throw new Error(`Could not find node with key ${key}`);\n    return tree;\n  }\n  const parent = findNodeParent({ tree, key });\n  if (parent != null) {\n    // splice the updated node into the parent's children\n    const index = parent.children?.findIndex((child) => child.key === key);\n    if (index != null && index !== -1) parent.children?.splice(index, 1, updater(node));\n  } else {\n    // we're in the root, so just update the node\n    tree.splice(\n      tree.findIndex((node) => node.key === key),\n      1,\n      updater(node),\n    );\n  }\n  return tree;\n};\n\nexport interface FindNodeProps {\n  tree: Node[];\n  key: string;\n  depth?: number;\n}\n\nexport const findNode = ({\n  tree,\n  key,\n  depth = 0,\n}: FindNodeProps): NodeWithPosition | null => {\n  for (let i = 0; i < tree.length; i++) {\n    const node = tree[i];\n    if (node.key === key) {\n      const n = node as NodeWithPosition;\n      n.depth = depth;\n      n.position = i;\n      return n;\n    }\n    if (node.children != null) {\n      const found = findNode({ tree: node.children, key, depth: depth + 1 });\n      if (found != null) return found;\n    }\n  }\n  return null;\n};\n\nexport interface FindNodesProps {\n  tree: Node[];\n  keys: string[];\n}\n\nexport const findNodes = ({ tree, keys }: FindNodesProps): NodeWithPosition[] => {\n  const nodes: NodeWithPosition[] = [];\n  for (const key of keys) {\n    const node = findNode({ tree, key });\n    if (node != null) nodes.push(node);\n  }\n  return nodes;\n};\n\nexport interface FindNodeParentProps {\n  tree: Node[];\n  key: string;\n}\n\nexport const findNodeParent = ({ tree, key }: FindNodeParentProps): Node | null => {\n  for (const node of tree) {\n    if (node.children != null) {\n      if (node.children.some((child) => child.key === key)) return node;\n      const found = findNodeParent({ tree: node.children, key });\n      if (found != null) return found;\n    }\n  }\n  return null;\n};\n","// 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 {\n  type ReactElement,\n  useCallback,\n  useMemo,\n  useState,\n  type FC,\n  memo,\n} from \"react\";\n\nimport { Icon } from \"@synnaxlabs/media\";\n\nimport { Button } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { Haul } from \"@/haul\";\nimport { useSyncedRef, useCombinedStateAndRef } from \"@/hooks\";\nimport { List } from \"@/list\";\nimport { type UseSelectOnChangeExtra, type UseSelectProps } from \"@/list/useSelect\";\nimport { CONTEXT_SELECTED, CONTEXT_TARGET } from \"@/menu/ContextMenu\";\nimport { state } from \"@/state\";\nimport { Text } from \"@/text\";\nimport { flatten, type Node, type FlattenedNode } from \"@/tree/core\";\nimport { Triggers } from \"@/triggers\";\nimport { type RenderProp, componentRenderProp } from \"@/util/renderProp\";\n\nimport \"@/tree/Tree.css\";\n\nexport const HAUL_TYPE = \"tree-item\";\n\nexport interface HandleExpandProps {\n  current: string[];\n  action: \"expand\" | \"contract\";\n  clicked: string;\n}\n\nexport interface UseProps {\n  onExpand?: (props: HandleExpandProps) => void;\n  selected?: string[];\n  onSelectedChange?: state.Set<string[]>;\n  initialExpanded?: string[];\n  nodes: Node[];\n  sort?: boolean;\n}\n\nexport interface UseReturn {\n  selected: string[];\n  expanded: string[];\n  onSelect: UseSelectProps<string, FlattenedNode>[\"onChange\"];\n  nodes: FlattenedNode[];\n}\n\nconst SHIFT_TRIGGERS: Triggers.Trigger[] = [[\"Shift\"]];\n\nexport const use = (props: UseProps): UseReturn => {\n  const {\n    onExpand,\n    nodes,\n    initialExpanded = [],\n    sort = true,\n    selected: propsSelected,\n    onSelectedChange,\n  } = props ?? {};\n  const [expanded, setExpanded, ref] =\n    useCombinedStateAndRef<string[]>(initialExpanded);\n  const [selected, setSelected] = state.usePassthrough<string[]>({\n    initial: [],\n    value: propsSelected,\n    onChange: onSelectedChange,\n  });\n  const flat = useMemo(\n    () => flatten({ nodes, expanded, sort }),\n    [nodes, expanded, sort],\n  );\n  const flatRef = useSyncedRef(flat);\n\n  const shiftRef = Triggers.useHeldRef({ triggers: SHIFT_TRIGGERS });\n\n  const handleSelect: UseSelectProps<string, FlattenedNode>[\"onChange\"] = useCallback(\n    (\n      keys: string[],\n      { clicked }: UseSelectOnChangeExtra<string, FlattenedNode>,\n    ): void => {\n      setSelected(keys);\n      const n = flatRef.current.find((node) => node.key === clicked);\n      if (n?.hasChildren === false) return;\n      if (clicked == null || shiftRef.current.held) return;\n      const currentlyExpanded = ref.current;\n      const action = currentlyExpanded.some((key) => key === clicked)\n        ? \"contract\"\n        : \"expand\";\n      let nextExpanded = currentlyExpanded;\n      if (action === \"contract\")\n        nextExpanded = currentlyExpanded.filter((key) => key !== clicked);\n      else nextExpanded = [...currentlyExpanded, clicked];\n      setExpanded(nextExpanded);\n      onExpand?.({ current: nextExpanded, action, clicked });\n    },\n    [onExpand, flatRef, setExpanded, setSelected],\n  );\n\n  return {\n    onSelect: handleSelect,\n    selected,\n    expanded,\n    nodes: flat,\n  };\n};\n\nexport interface ItemProps extends List.ItemProps<string, FlattenedNode> {\n  onDrop?: (key: string, props: Haul.OnDropProps) => Haul.Item[];\n  onSuccessfulDrop?: (key: string, props: Haul.OnSuccessfulDropProps) => void;\n  onRename?: (key: string, name: string) => void;\n  onDoubleClick?: (key: string, e: React.MouseEvent) => void;\n  loading?: boolean;\n  useMargin?: boolean;\n}\n\ntype TreePropsInheritedFromItem = Pick<\n  ItemProps,\n  \"onDrop\" | \"onRename\" | \"onSuccessfulDrop\" | \"onDoubleClick\" | \"useMargin\"\n>;\n\ntype TreePropsInheritedFromList = Omit<\n  List.VirtualCoreProps<string, FlattenedNode>,\n  \"onDrop\" | \"onSelect\" | \"children\" | \"onDoubleClick\" | \"itemHeight\"\n> & {\n  itemHeight?: number;\n};\n\nexport interface TreeProps\n  extends TreePropsInheritedFromItem,\n    TreePropsInheritedFromList {\n  nodes: FlattenedNode[];\n  selected?: string[];\n  onSelect: UseSelectProps<string, FlattenedNode>[\"onChange\"];\n  children?: RenderProp<ItemProps>;\n  virtual?: boolean;\n}\n\nconst expandedCaret = <Icon.Caret.Down className={CSS.B(\"caret\")} />;\nconst collapsedCaret = <Icon.Caret.Right className={CSS.B(\"caret\")} />;\n\nexport type Item = FC<ItemProps>;\n\nexport const DefaultItem = memo(\n  ({\n    entry,\n    selected,\n    onSelect,\n    onDrop,\n    onRename,\n    onSuccessfulDrop,\n    onDoubleClick,\n    loading = false,\n    useMargin = false,\n    translate,\n  }: ItemProps): ReactElement => {\n    const {\n      key,\n      hasChildren = false,\n      allowRename = false,\n      children,\n      icon,\n      name,\n      depth,\n      expanded,\n      href,\n      haulItems = [],\n    } = entry;\n\n    const { getSelected } = List.useSelectionUtils<string>();\n    const { getSourceData } = List.useDataUtilContext<string, FlattenedNode>();\n\n    const actuallyHasChildren =\n      hasChildren || (children != null && children.length > 0);\n\n    // Expand, contract, and loading items.\n    const startIcons: ReactElement[] = [];\n    if (actuallyHasChildren) startIcons.push(expanded ? expandedCaret : collapsedCaret);\n    if (icon != null) startIcons.push(icon);\n    const endIcons: ReactElement[] = [];\n    if (loading) endIcons.push(<Icon.Loading className={CSS.B(\"loading-indicator\")} />);\n\n    const [draggingOver, setDraggingOver] = useState(false);\n\n    // Drag and Drop\n    const { startDrag, ...dropProps } = Haul.useDragAndDrop({\n      type: \"Tree.Item\",\n      key,\n      canDrop: useCallback(({ items: entities, source }) => {\n        const keys = entities.map((item) => item.key);\n        setDraggingOver(false);\n        return source.type === \"Tree.Item\" && !keys.includes(key);\n      }, []),\n      onDrop: useCallback((props) => onDrop?.(key, props) ?? [], [key, onDrop]),\n      onDragOver: useCallback(() => setDraggingOver(true), []),\n    });\n\n    const handleDragStart = (): void => {\n      const selectedItemKeys = getSelected();\n      const selectedItems = getSourceData().filter((item) =>\n        selectedItemKeys.includes(item.key),\n      );\n      if (selectedItemKeys.includes(key)) {\n        const selectedHaulItems = selectedItems\n          .map(({ key, haulItems }) => [{ type: HAUL_TYPE, key }, ...(haulItems ?? [])])\n          .flat();\n        return startDrag(selectedHaulItems, (props) => onSuccessfulDrop?.(key, props));\n      }\n      startDrag([{ type: HAUL_TYPE, key }, ...haulItems], (props) =>\n        onSuccessfulDrop?.(key, props),\n      );\n    };\n\n    const offsetKey = useMargin ? \"marginLeft\" : \"paddingLeft\";\n\n    const baseProps: Button.LinkProps | Button.ButtonProps = {\n      id: key,\n      variant: \"text\",\n      draggable: true,\n      className: CSS(\n        CSS.BE(\"list\", \"item\"),\n        CONTEXT_TARGET,\n        draggingOver && CSS.M(\"dragging-over\"),\n        selected && CONTEXT_SELECTED,\n        CSS.selected(selected),\n        actuallyHasChildren && CSS.M(\"has-children\"),\n      ),\n      onDragLeave: () => setDraggingOver(false),\n      onDragStart: handleDragStart,\n      onClick: () => onSelect?.(key),\n      style: {\n        position: translate != null ? \"absolute\" : \"relative\",\n        transform: `translateY(${translate}px)`,\n        [offsetKey]: `${depth * 1.5 + 1}rem`,\n      },\n      startIcon: startIcons,\n      iconSpacing: \"small\",\n      noWrap: true,\n      endIcon: endIcons,\n      onDoubleClick: (e) => onDoubleClick?.(key, e),\n      href,\n      ...dropProps,\n    };\n\n    const Base = href != null ? Button.Link : Button.Button;\n\n    return (\n      <Base className={CSS.BE(\"list\", \"item\")} {...baseProps}>\n        <Text.MaybeEditable\n          id={`text-${key}`}\n          level=\"p\"\n          allowDoubleClick={false}\n          value={name}\n          disabled={!allowRename}\n          onChange={(name) => onRename?.(key, name)}\n        />\n      </Base>\n    );\n  },\n);\nDefaultItem.displayName = \"Tree.Item\";\n\nconst defaultChild = componentRenderProp(DefaultItem);\n\nexport const Tree = ({\n  nodes,\n  selected = [],\n  onSelect,\n  onDrop,\n  onRename,\n  onSuccessfulDrop,\n  onDoubleClick,\n  className,\n  children = defaultChild,\n  itemHeight = 27,\n  useMargin = false,\n  virtual = true,\n  ...props\n}: TreeProps): ReactElement => {\n  const Core = virtual ? List.Core.Virtual : List.Core;\n\n  return (\n    <List.List<string, FlattenedNode> data={nodes}>\n      <List.Selector value={selected} onChange={onSelect} allowMultiple replaceOnSingle>\n        <Core<string, FlattenedNode>\n          itemHeight={itemHeight}\n          className={CSS(className, CSS.B(\"tree\"))}\n          {...props}\n        >\n          {(props) =>\n            children({\n              ...props,\n              useMargin,\n              onDrop,\n              onRename,\n              onSuccessfulDrop,\n              onDoubleClick,\n            })\n          }\n        </Core>\n      </List.Selector>\n    </List.List>\n  );\n};\n\nexport const startRenaming = (key: string): void => Text.edit(`text-${key}`);\n"],"names":["toArray","node","state.usePassthrough","Triggers.useHeldRef","jsx","Icon","List.useSelectionUtils","List.useDataUtilContext","Haul.useDragAndDrop","key","haulItems","Button.Link","Button.Button","Text.MaybeEditable","name","Core","List.Core","List.List","List.Selector","props","Text.edit"],"mappings":";;;;;;;;AAwCO,MAAM,eAAe,CAAC,MAAY,aACvC,SAAS,SAAS,KAAK,GAAG;AASf,MAAA,gBAAgB,CAAC,OAAe,SAA0B;AACrE,MAAI,MAAM;AACF,UAAA,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;AAAA,EACnD;AACA,MAAI,QAAQ;AACZ,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AAC/B,UAAA,OAAO,MAAM,CAAC;AACpB,QAAI,KAAK,iBAAiB,QAAQ,MAAM,KAAK,eAAe;AAClD,cAAA;AAEF,YAAA,OAAO,GAAG,CAAC;AAEjB,YAAM,OAAO,KAAK,eAAe,GAAG,IAAI;AAAA,IAC1C;AAAA,EACF;AACI,MAAA;AAAc,WAAA,cAAc,OAAO,KAAK;AACrC,SAAA;AACT;AAEO,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AACT,MAAqC;AAEnC,MAAI,UAAU,KAAK;AAAc,YAAA,MAAM,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;AAClF,QAAM,YAA6B,CAAA;AAC7B,QAAA,QAAQ,CAAC,MAAM,UAAU;AACvB,UAAA,SAAS,aAAa,MAAM,QAAQ;AAChC,cAAA,KAAK,EAAE,GAAG,MAAM,OAAO,UAAU,QAAQ,OAAO;AACtD,QAAA,UAAU,KAAK,YAAY,MAAM;AACnC,WAAK,WAAW,cAAc,KAAK,UAAU,IAAI;AACvC,gBAAA;AAAA,QACR,GAAG,QAAQ,EAAE,OAAO,KAAK,UAAU,UAAU,OAAO,QAAQ,GAAG,MAAM;AAAA,MAAA;AAAA,IAEzE;AAAA,EAAA,CACD;AACM,SAAA;AACT;AAQO,MAAM,WAAW,CAAC,EAAE,MAAM,aAAa,WAAkC;AAC9E,SAAOA,EAAQ,IAAI;AACd,OAAA,QAAQ,CAAC,QAAQ;AACpB,UAAM,OAAO,SAAS,EAAE,MAAM,IAAK,CAAA;AACnC,QAAI,QAAQ;AAAM;AAClB,eAAW,EAAE,MAAM,MAAM,IAAK,CAAA;AAC9B,YAAQ,EAAE,MAAM,aAAa,WAAW,KAAM,CAAA;AAAA,EAAA,CAC/C;AACM,SAAA;AACT;AAOO,MAAM,aAAa,CAAC,EAAE,MAAM,WAAoC;AACrE,SAAOA,EAAQ,IAAI;AACnB,QAAM,WAAW,KAAK,IAAI,CAAC,SAAS,KAAK,GAAG;AACvC,OAAA,QAAQ,CAAC,QAAQ;;AACd,UAAA,QAAQ,SAAS,QAAQ,GAAG;AAClC,QAAI,UAAU;AAAS,WAAA,OAAO,OAAO,CAAC;AAAA,SACjC;AACH,YAAM,SAAS,eAAe,EAAE,MAAM,IAAK,CAAA;AAC3C,UAAI,UAAU;AACL,eAAA,YAAW,YAAO,aAAP,mBAAiB,OAAO,CAAC,UAAU,MAAM,QAAQ;AAAA,IACvE;AAAA,EAAA,CACD;AACM,SAAA;AACT;AAQO,MAAM,UAAU,CAAC,EAAE,MAAM,aAAa,gBAAsC;AACjF,cAAYA,EAAQ,SAAS;AAC7B,QAAM,OAAO,SAAS,EAAE,MAAM,KAAK,aAAa;AAChD,MAAI,QAAQ;AAAM,UAAM,IAAI,MAAM,gCAAgC,WAAW,EAAE;AAC/E,MAAI,KAAK,YAAY;AAAM,SAAK,WAAW;AAC3C,QAAM,YAAY,UAAU,IAAI,CAACC,UAASA,MAAK,GAAG;AAClD,OAAK,WAAW;AAAA,IACd,GAAG;AAAA,IACH,GAAG,KAAK,SAAS,OAAO,CAAC,UAAU,CAAC,UAAU,SAAS,MAAM,GAAG,CAAC;AAAA,EAAA;AAE5D,SAAA;AACT;AASO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,MAA+B;;AAC7B,QAAM,OAAO,SAAS,EAAE,MAAM,IAAK,CAAA;AACnC,MAAI,QAAQ,MAAM;AACZ,QAAA;AAAgB,YAAM,IAAI,MAAM,gCAAgC,GAAG,EAAE;AAClE,WAAA;AAAA,EACT;AACA,QAAM,SAAS,eAAe,EAAE,MAAM,IAAK,CAAA;AAC3C,MAAI,UAAU,MAAM;AAEZ,UAAA,SAAQ,YAAO,aAAP,mBAAiB,UAAU,CAAC,UAAU,MAAM,QAAQ;AAC9D,QAAA,SAAS,QAAQ,UAAU;AAAI,mBAAO,aAAP,mBAAiB,OAAO,OAAO,GAAG,QAAQ,IAAI;AAAA,EAAC,OAC7E;AAEA,SAAA;AAAA,MACH,KAAK,UAAU,CAACA,UAASA,MAAK,QAAQ,GAAG;AAAA,MACzC;AAAA,MACA,QAAQ,IAAI;AAAA,IAAA;AAAA,EAEhB;AACO,SAAA;AACT;AAQO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,QAAQ;AACV,MAA8C;AAC5C,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AAC9B,UAAA,OAAO,KAAK,CAAC;AACf,QAAA,KAAK,QAAQ,KAAK;AACpB,YAAM,IAAI;AACV,QAAE,QAAQ;AACV,QAAE,WAAW;AACN,aAAA;AAAA,IACT;AACI,QAAA,KAAK,YAAY,MAAM;AACnB,YAAA,QAAQ,SAAS,EAAE,MAAM,KAAK,UAAU,KAAK,OAAO,QAAQ,EAAG,CAAA;AACrE,UAAI,SAAS;AAAa,eAAA;AAAA,IAC5B;AAAA,EACF;AACO,SAAA;AACT;AAOO,MAAM,YAAY,CAAC,EAAE,MAAM,WAA+C;AAC/E,QAAM,QAA4B,CAAA;AAClC,aAAW,OAAO,MAAM;AACtB,UAAM,OAAO,SAAS,EAAE,MAAM,IAAK,CAAA;AACnC,QAAI,QAAQ;AAAM,YAAM,KAAK,IAAI;AAAA,EACnC;AACO,SAAA;AACT;AAOO,MAAM,iBAAiB,CAAC,EAAE,MAAM,UAA4C;AACjF,aAAW,QAAQ,MAAM;AACnB,QAAA,KAAK,YAAY,MAAM;AACzB,UAAI,KAAK,SAAS,KAAK,CAAC,UAAU,MAAM,QAAQ,GAAG;AAAU,eAAA;AAC7D,YAAM,QAAQ,eAAe,EAAE,MAAM,KAAK,UAAU,KAAK;AACzD,UAAI,SAAS;AAAa,eAAA;AAAA,IAC5B;AAAA,EACF;AACO,SAAA;AACT;ACzMO,MAAM,YAAY;AAwBzB,MAAM,iBAAqC,CAAC,CAAC,OAAO,CAAC;AAExC,MAAA,MAAM,CAAC,UAA+B;AAC3C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,CAAC;AAAA,IACnB,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,EAAA,IACE,SAAS,CAAA;AACb,QAAM,CAAC,UAAU,aAAa,GAAG,IAC/B,uBAAiC,eAAe;AAClD,QAAM,CAAC,UAAU,WAAW,IAAIC,eAA+B;AAAA,IAC7D,SAAS,CAAC;AAAA,IACV,OAAO;AAAA,IACP,UAAU;AAAA,EAAA,CACX;AACD,QAAM,OAAO;AAAA,IACX,MAAM,QAAQ,EAAE,OAAO,UAAU,MAAM;AAAA,IACvC,CAAC,OAAO,UAAU,IAAI;AAAA,EAAA;AAElB,QAAA,UAAU,aAAa,IAAI;AAEjC,QAAM,WAAWC,WAAoB,EAAE,UAAU,eAAgB,CAAA;AAEjE,QAAM,eAAkE;AAAA,IACtE,CACE,MACA,EAAE,cACO;AACT,kBAAY,IAAI;AACV,YAAA,IAAI,QAAQ,QAAQ,KAAK,CAAC,SAAS,KAAK,QAAQ,OAAO;AAC7D,WAAI,uBAAG,iBAAgB;AAAO;AAC1B,UAAA,WAAW,QAAQ,SAAS,QAAQ;AAAM;AAC9C,YAAM,oBAAoB,IAAI;AACxB,YAAA,SAAS,kBAAkB,KAAK,CAAC,QAAQ,QAAQ,OAAO,IAC1D,aACA;AACJ,UAAI,eAAe;AACnB,UAAI,WAAW;AACb,uBAAe,kBAAkB,OAAO,CAAC,QAAQ,QAAQ,OAAO;AAAA;AAC9C,uBAAA,CAAC,GAAG,mBAAmB,OAAO;AAClD,kBAAY,YAAY;AACxB,2CAAW,EAAE,SAAS,cAAc,QAAQ,QAAS;AAAA,IACvD;AAAA,IACA,CAAC,UAAU,SAAS,aAAa,WAAW;AAAA,EAAA;AAGvC,SAAA;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EAAA;AAEX;AAiCA,MAAM,gBAAiBC,kCAAA,IAAAC,GAAK,MAAM,MAAX,EAAgB,WAAW,IAAI,EAAE,OAAO,EAAG,CAAA;AAClE,MAAM,iBAAkBD,kCAAA,IAAAC,GAAK,MAAM,OAAX,EAAiB,WAAW,IAAI,EAAE,OAAO,EAAG,CAAA;AAI7D,MAAM,cAAc;AAAA,EACzB,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,EAAA,MAC6B;AACvB,UAAA;AAAA,MACJ;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,CAAC;AAAA,IACX,IAAA;AAEJ,UAAM,EAAE,gBAAgBC;AACxB,UAAM,EAAE,kBAAkBC;AAE1B,UAAM,sBACJ,eAAgB,YAAY,QAAQ,SAAS,SAAS;AAGxD,UAAM,aAA6B,CAAA;AAC/B,QAAA;AAAgC,iBAAA,KAAK,WAAW,gBAAgB,cAAc;AAClF,QAAI,QAAQ;AAAM,iBAAW,KAAK,IAAI;AACtC,UAAM,WAA2B,CAAA;AAC7B,QAAA;AAAkB,eAAA,KAAMH,sCAAAC,GAAK,SAAL,EAAa,WAAW,IAAI,EAAE,mBAAmB,EAAA,CAAG,CAAE;AAElF,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAGtD,UAAM,EAAE,WAAW,GAAG,UAAU,IAAIG,eAAoB;AAAA,MACtD,MAAM;AAAA,MACN;AAAA,MACA,SAAS,YAAY,CAAC,EAAE,OAAO,UAAU,aAAa;AACpD,cAAM,OAAO,SAAS,IAAI,CAAC,SAAS,KAAK,GAAG;AAC5C,wBAAgB,KAAK;AACrB,eAAO,OAAO,SAAS,eAAe,CAAC,KAAK,SAAS,GAAG;AAAA,MAC1D,GAAG,EAAE;AAAA,MACL,QAAQ,YAAY,CAAC,WAAU,iCAAS,KAAK,WAAU,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC;AAAA,MACxE,YAAY,YAAY,MAAM,gBAAgB,IAAI,GAAG,CAAA,CAAE;AAAA,IAAA,CACxD;AAED,UAAM,kBAAkB,MAAY;AAClC,YAAM,mBAAmB;AACnB,YAAA,gBAAgB,gBAAgB;AAAA,QAAO,CAAC,SAC5C,iBAAiB,SAAS,KAAK,GAAG;AAAA,MAAA;AAEhC,UAAA,iBAAiB,SAAS,GAAG,GAAG;AAC5B,cAAA,oBAAoB,cACvB,IAAI,CAAC,EAAE,KAAAC,MAAK,WAAAC,iBAAgB,CAAC,EAAE,MAAM,WAAW,KAAAD,KAAO,GAAA,GAAIC,cAAa,CAAG,CAAA,CAAC,EAC5E;AACH,eAAO,UAAU,mBAAmB,CAAC,UAAU,qDAAmB,KAAK,MAAM;AAAA,MAC/E;AACA;AAAA,QAAU,CAAC,EAAE,MAAM,WAAW,IAAI,GAAG,GAAG,SAAS;AAAA,QAAG,CAAC,UACnD,qDAAmB,KAAK;AAAA,MAAK;AAAA,IAC/B;AAGI,UAAA,YAAY,YAAY,eAAe;AAE7C,UAAM,YAAmD;AAAA,MACvD,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,WAAW;AAAA,MACX,WAAW;AAAA,QACT,IAAI,GAAG,QAAQ,MAAM;AAAA,QACrB;AAAA,QACA,gBAAgB,IAAI,EAAE,eAAe;AAAA,QACrC,YAAY;AAAA,QACZ,IAAI,SAAS,QAAQ;AAAA,QACrB,uBAAuB,IAAI,EAAE,cAAc;AAAA,MAC7C;AAAA,MACA,aAAa,MAAM,gBAAgB,KAAK;AAAA,MACxC,aAAa;AAAA,MACb,SAAS,MAAM,qCAAW;AAAA,MAC1B,OAAO;AAAA,QACL,UAAU,aAAa,OAAO,aAAa;AAAA,QAC3C,WAAW,cAAc,SAAS;AAAA,QAClC,CAAC,SAAS,GAAG,GAAG,QAAQ,MAAM,CAAC;AAAA,MACjC;AAAA,MACA,WAAW;AAAA,MACX,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,eAAe,CAAC,MAAM,+CAAgB,KAAK;AAAA,MAC3C;AAAA,MACA,GAAG;AAAA,IAAA;AAGL,UAAM,OAAO,QAAQ,OAAOC,OAAcC;AAGxC,WAAAR,sCAAC,QAAK,WAAW,IAAI,GAAG,QAAQ,MAAM,GAAI,GAAG,WAC3C,UAAAA,kCAAA;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,IAAI,QAAQ,GAAG;AAAA,QACf,OAAM;AAAA,QACN,kBAAkB;AAAA,QAClB,OAAO;AAAA,QACP,UAAU,CAAC;AAAA,QACX,UAAU,CAACC,UAAS,qCAAW,KAAKA;AAAAA,MAAI;AAAA,IAE5C,EAAA,CAAA;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;AAE1B,MAAM,eAAe,oBAAoB,WAAW;AAE7C,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA,WAAW,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,GAAG;AACL,MAA+B;AAC7B,QAAMC,SAAO,UAAUC,KAAU,UAAUA;AAE3C,+CACGC,MAAA,EAAiC,MAAM,OACtC,UAACb,kCAAA,IAAAc,UAAA,EAAc,OAAO,UAAU,UAAU,UAAU,eAAa,MAAC,iBAAe,MAC/E,UAAAd,kCAAA;AAAA,IAACW;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,IAAI,WAAW,IAAI,EAAE,MAAM,CAAC;AAAA,MACtC,GAAG;AAAA,MAEH,UAAA,CAACI,WACA,SAAS;AAAA,QACP,GAAGA;AAAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAAA,EAGP,CAAA,EACF,CAAA;AAEJ;AAEO,MAAM,gBAAgB,CAAC,QAAsBC,KAAU,QAAQ,GAAG,EAAE;;;;;;;;;;;;;;;;;;;"}

package/dist/{external-DarqsFzT.js → external-DNHMAfGi.js}

@@ -1,9 +1,9 @@
-import { C as CSS, a as Color, Z as ZERO, c as cssString, f as fromHSLA, t as toHex } from "./css-DoalWJF6.js";
+import { C as CSS, a as Color, Z as ZERO, c as cssString, f as fromHSLA, t as toHex } from "./css-DKKmdhSr.js";
 import { j as jsxRuntimeExports } from "./jsx-runtime-mMz73N64.js";
-import { i as SketchPicker, j as use, u as use$1, k as useDraggingState, l as filterByType, m as useDragAndDrop, B as Button, e as Text, n as Dialog } from "./Toggle-DGLgYCOX.js";
+import { i as SketchPicker, j as use, u as use$1, k as useDraggingState, l as filterByType, m as useDragAndDrop, B as Button, e as Text, n as Dialog } from "./Toggle-bT5RpwfA.js";
 import { useCallback } from "react";
-import "./aggregator-BgImZc4o.js";
-import "./Center-hbwH7rg9.js";
+import "./aggregator-B8fg7W2s.js";
+import "./Center-BK9Rcaa0.js";
 const Picker = ({ value, onChange, ...props }) => {
   const handleChange = (res) => {
     if (res.hex === "transparent")
@@ -105,4 +105,4 @@ export {
   Swatch as S,
   external as e
 };
-//# sourceMappingURL=external-DarqsFzT.js.map
+//# sourceMappingURL=external-DNHMAfGi.js.map

package/dist/{external-DarqsFzT.js.map → external-DNHMAfGi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"external-DarqsFzT.js","sources":["../src/color/Picker/Picker.tsx","../src/color/Swatch/Swatch.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 ComponentPropsWithoutRef, type ReactElement } from \"react\";\n\nimport { SketchPicker, type ColorResult } from \"react-color\";\n\nimport { color } from \"@/color/core\";\nimport { CSS } from \"@/css\";\nimport { type Input } from \"@/input\";\n\nimport \"@/color/Picker/Picker.css\";\n\nexport interface PickerProps\n  extends Input.Control<color.Crude, color.Color>,\n    Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {}\n\nexport const Picker = ({ value, onChange, ...props }: PickerProps): ReactElement => {\n  const handleChange = (res: ColorResult): void => {\n    if (res.hex === \"transparent\") onChange(color.ZERO);\n    onChange(new color.Color(res.hex, res.rgb.a));\n  };\n\n  return (\n    <SketchPicker\n      className={CSS.B(\"color-picker\")}\n      color={new color.Color(value).hex}\n      onChange={handleChange}\n      presetColors={[]}\n      {...props}\n    />\n  );\n};\n","// 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, useCallback } from \"react\";\n\nimport { Button } from \"@/button\";\nimport { color } from \"@/color/core\";\nimport { type Crude, type Color } from \"@/color/core/color\";\nimport { Picker } from \"@/color/Picker\";\nimport { CSS } from \"@/css\";\nimport { Dropdown } from \"@/dropdown\";\nimport { type UseProps } from \"@/dropdown/Dropdown\";\nimport { Haul } from \"@/haul\";\nimport { type Input } from \"@/input\";\nimport { Text } from \"@/text\";\nimport { Theming } from \"@/theming\";\n\nimport \"@/color/Swatch/Swatch.css\";\n\nexport interface SwatchProps\n  extends Input.Control<Crude, Color>,\n    Omit<Button.ButtonProps, \"onChange\" | \"value\">,\n    UseProps {}\n\nconst HAUL_TYPE = \"color\";\n\nexport const Swatch = ({\n  value,\n  onChange,\n  className,\n  size = \"medium\",\n  onVisibleChange,\n  initialVisible,\n  draggable = true,\n  ...props\n}: SwatchProps): ReactElement => {\n  const { visible, open, close } = Dropdown.use({ onVisibleChange, initialVisible });\n\n  const bg = Theming.use().colors.gray.l0;\n\n  const d = new color.Color(value);\n\n  const dragging = Haul.useDraggingState();\n\n  const canDrop: Haul.CanDrop = useCallback(\n    ({ items }) => {\n      const [k] = Haul.filterByType(HAUL_TYPE, items);\n      return k != null && k.key !== d.hex;\n    },\n    [d.hex],\n  );\n\n  const { startDrag, ...haulProps } = Haul.useDragAndDrop({\n    type: \"Color.Swatch\",\n    onDrop: ({ items }) => {\n      const dropped = Haul.filterByType(HAUL_TYPE, items);\n      if (items.length > 0) onChange?.(new color.Color(dropped[0].key as string));\n      return dropped;\n    },\n    canDrop,\n  });\n\n  const swatch = (\n    <Button.Button\n      className={CSS(\n        CSS.B(\"color-swatch\"),\n        CSS.size(size),\n        d.contrast(bg) > 1.5 && d.a > 0.5 && CSS.M(\"no-border\"),\n        CSS.dropRegion(canDrop(dragging)),\n        className,\n      )}\n      draggable={draggable}\n      onDragStart={() => startDrag([{ type: HAUL_TYPE, key: d.hex }])}\n      style={{ backgroundColor: color.cssString(value) }}\n      variant=\"text\"\n      onClick={open}\n      size={size}\n      tooltip={\n        onChange != null ? (\n          <Text.Text level=\"small\">Click to change color</Text.Text>\n        ) : undefined\n      }\n      {...haulProps}\n      {...props}\n    />\n  );\n\n  if (onChange == null) return swatch;\n\n  return (\n    <Dropdown.Dialog\n      close={close}\n      visible={visible}\n      className={CSS.BE(\"color-swatch\", \"dropdown\")}\n      keepMounted={false}\n      variant=\"floating\"\n    >\n      {swatch}\n      <Picker value={value} onChange={onChange} />\n    </Dropdown.Dialog>\n  );\n};\n"],"names":["color.ZERO","color.Color","jsx","Dropdown.use","Theming.use","Haul.useDraggingState","Haul.filterByType","Haul.useDragAndDrop","Button.Button","color.cssString","Text.Text","jsxs","Dropdown.Dialog"],"mappings":";;;;;;AAuBO,MAAM,SAAS,CAAC,EAAE,OAAO,UAAU,GAAG,YAAuC;AAC5E,QAAA,eAAe,CAAC,QAA2B;AAC/C,QAAI,IAAI,QAAQ;AAAe,eAASA,IAAU;AACzC,aAAA,IAAIC,MAAY,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC;AAAA,EAAA;AAI5C,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,IAAI,EAAE,cAAc;AAAA,MAC/B,OAAO,IAAID,MAAY,KAAK,EAAE;AAAA,MAC9B,UAAU;AAAA,MACV,cAAc,CAAC;AAAA,MACd,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACRA,MAAM,YAAY;AAEX,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,MAAiC;AACzB,QAAA,EAAE,SAAS,MAAM,MAAM,IAAIE,IAAa,EAAE,iBAAiB,eAAA,CAAgB;AAEjF,QAAM,KAAKC,MAAY,EAAE,OAAO,KAAK;AAErC,QAAM,IAAI,IAAIH,MAAY,KAAK;AAEzB,QAAA,WAAWI;AAEjB,QAAM,UAAwB;AAAA,IAC5B,CAAC,EAAE,MAAA,MAAY;AACb,YAAM,CAAC,CAAC,IAAIC,aAAkB,WAAW,KAAK;AAC9C,aAAO,KAAK,QAAQ,EAAE,QAAQ,EAAE;AAAA,IAClC;AAAA,IACA,CAAC,EAAE,GAAG;AAAA,EAAA;AAGR,QAAM,EAAE,WAAW,GAAG,UAAU,IAAIC,eAAoB;AAAA,IACtD,MAAM;AAAA,IACN,QAAQ,CAAC,EAAE,YAAY;AACrB,YAAM,UAAUD,aAAkB,WAAW,KAAK;AAClD,UAAI,MAAM,SAAS;AAAG,6CAAW,IAAIL,MAAY,QAAQ,CAAC,EAAE,GAAa;AAClE,aAAA;AAAA,IACT;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,SACJC,kCAAA;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,IAAI,EAAE,cAAc;AAAA,QACpB,IAAI,KAAK,IAAI;AAAA,QACb,EAAE,SAAS,EAAE,IAAI,OAAO,EAAE,IAAI,OAAO,IAAI,EAAE,WAAW;AAAA,QACtD,IAAI,WAAW,QAAQ,QAAQ,CAAC;AAAA,QAChC;AAAA,MACF;AAAA,MACA;AAAA,MACA,aAAa,MAAM,UAAU,CAAC,EAAE,MAAM,WAAW,KAAK,EAAE,IAAI,CAAC,CAAC;AAAA,MAC9D,OAAO,EAAE,iBAAiBC,UAAgB,KAAK,EAAE;AAAA,MACjD,SAAQ;AAAA,MACR,SAAS;AAAA,MACT;AAAA,MACA,SACE,YAAY,OACTP,kCAAAA,IAAAQ,MAAA,EAAU,OAAM,SAAQ,UAAA,wBAAqB,CAAA,IAC5C;AAAA,MAEL,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EAAA;AAIR,MAAI,YAAY;AAAa,WAAA;AAG3B,SAAAC,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,IAAI,GAAG,gBAAgB,UAAU;AAAA,MAC5C,aAAa;AAAA,MACb,SAAQ;AAAA,MAEP,UAAA;AAAA,QAAA;AAAA,QACDV,kCAAAA,IAAC,QAAO,EAAA,OAAc,SAAoB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhD;;;;;;;;;;;"}
+{"version":3,"file":"external-DNHMAfGi.js","sources":["../src/color/Picker/Picker.tsx","../src/color/Swatch/Swatch.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 ComponentPropsWithoutRef, type ReactElement } from \"react\";\n\nimport { SketchPicker, type ColorResult } from \"react-color\";\n\nimport { color } from \"@/color/core\";\nimport { CSS } from \"@/css\";\nimport { type Input } from \"@/input\";\n\nimport \"@/color/Picker/Picker.css\";\n\nexport interface PickerProps\n  extends Input.Control<color.Crude, color.Color>,\n    Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {}\n\nexport const Picker = ({ value, onChange, ...props }: PickerProps): ReactElement => {\n  const handleChange = (res: ColorResult): void => {\n    if (res.hex === \"transparent\") onChange(color.ZERO);\n    onChange(new color.Color(res.hex, res.rgb.a));\n  };\n\n  return (\n    <SketchPicker\n      className={CSS.B(\"color-picker\")}\n      color={new color.Color(value).hex}\n      onChange={handleChange}\n      presetColors={[]}\n      {...props}\n    />\n  );\n};\n","// 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, useCallback } from \"react\";\n\nimport { Button } from \"@/button\";\nimport { color } from \"@/color/core\";\nimport { type Crude, type Color } from \"@/color/core/color\";\nimport { Picker } from \"@/color/Picker\";\nimport { CSS } from \"@/css\";\nimport { Dropdown } from \"@/dropdown\";\nimport { type UseProps } from \"@/dropdown/Dropdown\";\nimport { Haul } from \"@/haul\";\nimport { type Input } from \"@/input\";\nimport { Text } from \"@/text\";\nimport { Theming } from \"@/theming\";\n\nimport \"@/color/Swatch/Swatch.css\";\n\nexport interface SwatchProps\n  extends Input.Control<Crude, Color>,\n    Omit<Button.ButtonProps, \"onChange\" | \"value\">,\n    UseProps {}\n\nconst HAUL_TYPE = \"color\";\n\nexport const Swatch = ({\n  value,\n  onChange,\n  className,\n  size = \"medium\",\n  onVisibleChange,\n  initialVisible,\n  draggable = true,\n  ...props\n}: SwatchProps): ReactElement => {\n  const { visible, open, close } = Dropdown.use({ onVisibleChange, initialVisible });\n\n  const bg = Theming.use().colors.gray.l0;\n\n  const d = new color.Color(value);\n\n  const dragging = Haul.useDraggingState();\n\n  const canDrop: Haul.CanDrop = useCallback(\n    ({ items }) => {\n      const [k] = Haul.filterByType(HAUL_TYPE, items);\n      return k != null && k.key !== d.hex;\n    },\n    [d.hex],\n  );\n\n  const { startDrag, ...haulProps } = Haul.useDragAndDrop({\n    type: \"Color.Swatch\",\n    onDrop: ({ items }) => {\n      const dropped = Haul.filterByType(HAUL_TYPE, items);\n      if (items.length > 0) onChange?.(new color.Color(dropped[0].key as string));\n      return dropped;\n    },\n    canDrop,\n  });\n\n  const swatch = (\n    <Button.Button\n      className={CSS(\n        CSS.B(\"color-swatch\"),\n        CSS.size(size),\n        d.contrast(bg) > 1.5 && d.a > 0.5 && CSS.M(\"no-border\"),\n        CSS.dropRegion(canDrop(dragging)),\n        className,\n      )}\n      draggable={draggable}\n      onDragStart={() => startDrag([{ type: HAUL_TYPE, key: d.hex }])}\n      style={{ backgroundColor: color.cssString(value) }}\n      variant=\"text\"\n      onClick={open}\n      size={size}\n      tooltip={\n        onChange != null ? (\n          <Text.Text level=\"small\">Click to change color</Text.Text>\n        ) : undefined\n      }\n      {...haulProps}\n      {...props}\n    />\n  );\n\n  if (onChange == null) return swatch;\n\n  return (\n    <Dropdown.Dialog\n      close={close}\n      visible={visible}\n      className={CSS.BE(\"color-swatch\", \"dropdown\")}\n      keepMounted={false}\n      variant=\"floating\"\n    >\n      {swatch}\n      <Picker value={value} onChange={onChange} />\n    </Dropdown.Dialog>\n  );\n};\n"],"names":["color.ZERO","color.Color","jsx","Dropdown.use","Theming.use","Haul.useDraggingState","Haul.filterByType","Haul.useDragAndDrop","Button.Button","color.cssString","Text.Text","jsxs","Dropdown.Dialog"],"mappings":";;;;;;AAuBO,MAAM,SAAS,CAAC,EAAE,OAAO,UAAU,GAAG,YAAuC;AAC5E,QAAA,eAAe,CAAC,QAA2B;AAC/C,QAAI,IAAI,QAAQ;AAAe,eAASA,IAAU;AACzC,aAAA,IAAIC,MAAY,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC;AAAA,EAAA;AAI5C,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,IAAI,EAAE,cAAc;AAAA,MAC/B,OAAO,IAAID,MAAY,KAAK,EAAE;AAAA,MAC9B,UAAU;AAAA,MACV,cAAc,CAAC;AAAA,MACd,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACRA,MAAM,YAAY;AAEX,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,MAAiC;AACzB,QAAA,EAAE,SAAS,MAAM,MAAM,IAAIE,IAAa,EAAE,iBAAiB,eAAA,CAAgB;AAEjF,QAAM,KAAKC,MAAY,EAAE,OAAO,KAAK;AAErC,QAAM,IAAI,IAAIH,MAAY,KAAK;AAEzB,QAAA,WAAWI;AAEjB,QAAM,UAAwB;AAAA,IAC5B,CAAC,EAAE,MAAA,MAAY;AACb,YAAM,CAAC,CAAC,IAAIC,aAAkB,WAAW,KAAK;AAC9C,aAAO,KAAK,QAAQ,EAAE,QAAQ,EAAE;AAAA,IAClC;AAAA,IACA,CAAC,EAAE,GAAG;AAAA,EAAA;AAGR,QAAM,EAAE,WAAW,GAAG,UAAU,IAAIC,eAAoB;AAAA,IACtD,MAAM;AAAA,IACN,QAAQ,CAAC,EAAE,YAAY;AACrB,YAAM,UAAUD,aAAkB,WAAW,KAAK;AAClD,UAAI,MAAM,SAAS;AAAG,6CAAW,IAAIL,MAAY,QAAQ,CAAC,EAAE,GAAa;AAClE,aAAA;AAAA,IACT;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,SACJC,kCAAA;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,IAAI,EAAE,cAAc;AAAA,QACpB,IAAI,KAAK,IAAI;AAAA,QACb,EAAE,SAAS,EAAE,IAAI,OAAO,EAAE,IAAI,OAAO,IAAI,EAAE,WAAW;AAAA,QACtD,IAAI,WAAW,QAAQ,QAAQ,CAAC;AAAA,QAChC;AAAA,MACF;AAAA,MACA;AAAA,MACA,aAAa,MAAM,UAAU,CAAC,EAAE,MAAM,WAAW,KAAK,EAAE,IAAI,CAAC,CAAC;AAAA,MAC9D,OAAO,EAAE,iBAAiBC,UAAgB,KAAK,EAAE;AAAA,MACjD,SAAQ;AAAA,MACR,SAAS;AAAA,MACT;AAAA,MACA,SACE,YAAY,OACTP,kCAAAA,IAAAQ,MAAA,EAAU,OAAM,SAAQ,UAAA,wBAAqB,CAAA,IAC5C;AAAA,MAEL,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EAAA;AAIR,MAAI,YAAY;AAAa,WAAA;AAG3B,SAAAC,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,IAAI,GAAG,gBAAgB,UAAU;AAAA,MAC5C,aAAa;AAAA,MACb,SAAQ;AAAA,MAEP,UAAA;AAAA,QAAA;AAAA,QACDV,kCAAAA,IAAC,QAAO,EAAA,OAAc,SAAoB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhD;;;;;;;;;;;"}

package/dist/{external-0PM7JrzG.cjs → external-DVQ2SRoH.cjs}

@@ -1,10 +1,10 @@
 "use strict";
 const jsxRuntime = require("./jsx-runtime-B3vWrP5x.cjs");
 const React = require("react");
-const aggregator = require("./aggregator-BpfMBUD1.cjs");
-const Center = require("./Center-5NJ61qfA.cjs");
-const Toggle = require("./Toggle-C6Z8WPT3.cjs");
-const css = require("./css-Pf9qxhQ4.cjs");
+const aggregator = require("./aggregator-Bh2Kyzkg.cjs");
+const Center = require("./Center-Cc_rR5pQ.cjs");
+const Toggle = require("./Toggle-D3iCEbO1.cjs");
+const css = require("./css-Ci8WUD5E.cjs");
 const Context = React.createContext({
   divided: false,
   level: "h1"
@@ -118,4 +118,4 @@ exports.Actions = Actions;
 exports.ButtonTitle = ButtonTitle;
 exports.Header = Header;
 exports.external = external;
-//# sourceMappingURL=external-0PM7JrzG.cjs.map
+//# sourceMappingURL=external-DVQ2SRoH.cjs.map

package/dist/{external-0PM7JrzG.cjs.map → external-DVQ2SRoH.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"external-0PM7JrzG.cjs","sources":["../src/header/Header.tsx","../src/header/Actions.tsx","../src/header/ButtonTitle.tsx","../src/header/Title.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 {\n  createContext,\n  type ReactElement,\n  type ReactNode,\n  useContext as reactUseContext,\n} from \"react\";\n\nimport { Align } from \"@/align\";\nimport { CSS } from \"@/css\";\nimport { type Text } from \"@/text\";\n\nimport \"@/header/Header.css\";\n\nexport interface HeaderProps extends Omit<Align.SpaceProps, \"children\" | \"el\"> {\n  level?: Text.Level;\n  divided?: boolean;\n  children: ReactNode | [ReactNode, ReactNode];\n}\n\nexport interface ContextValue {\n  divided: boolean;\n  level: Text.Level;\n}\n\nconst Context = createContext<ContextValue>({\n  divided: false,\n  level: \"h1\",\n});\n\nexport const useContext = (): ContextValue => reactUseContext(Context);\n\n/**\n * The container for a module header.\n *\n * @param props - The component props. All unused props will be passed down to the\n * {@link Space} containing the header.\n * @param props.level - The font level for the header. See the {@link Typography.Text}\n * component for all possible levels. Default is \"h1.\"\n * @param props.icon - An optional icon to add add before the start of the header text.\n * @param props.actions - A list of actions to be rendered on the right side ofthe header.\n * If the action is a JSX element, it will be rendered directly, and if its of type\n * ButtonIconProps, a ButtonIconOnly will be rendered using the given props.\n * @param props.divided - If true, creates a divider between the start icon, header text,\n * and each action. Default is false.\n */\nexport const Header = ({\n  children,\n  className,\n  level = \"h1\",\n  divided = false,\n  ...props\n}: HeaderProps): ReactElement => (\n  <Context.Provider value={{ level, divided }}>\n    <Align.Space\n      el=\"header\"\n      direction=\"x\"\n      justify=\"spaceBetween\"\n      className={CSS(\n        CSS.B(\"header\"),\n        CSS.bordered(\"bottom\"),\n        divided && CSS.BM(\"header\", \"divided\"),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Align.Space>\n  </Context.Provider>\n);\n","// 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 { Fragment, isValidElement, type ReactElement } from \"react\";\n\nimport { toArray } from \"@synnaxlabs/x\";\n\nimport { Align } from \"@/align\";\nimport { Button } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { Divider } from \"@/divider\";\nimport { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport type ActionSpec = Button.IconProps | ReactElement;\n\nexport interface ActionsProps {\n  children?: ActionSpec | ActionSpec[];\n}\n\n/**\n * Custom actions to render on the right side of the header.\n *\n * @param children - The actions to render. If the action is of type\n * {@link ButtonIconProps}, a correectly sized {@link ButtonIconOnly} is rendered\n * using the given props. If the action is a JSX element, it is renderered directly.\n * It's a good idea to prefer the latter in almost all cases for simplicity.\n */\nexport const Actions = ({ children = [] }: ActionsProps): ReactElement => {\n  const { level, divided } = useContext();\n  return (\n    <Align.Space\n      direction=\"x\"\n      size=\"small\"\n      align=\"center\"\n      className={CSS.BE(\"header\", \"actions\")}\n    >\n      {toArray(children).map((action, i) => (\n        <Action key={i} index={i} level={level} divided={divided}>\n          {action}\n        </Action>\n      ))}\n    </Align.Space>\n  );\n};\n\ninterface ActionProps {\n  index: number;\n  level: Text.Level;\n  children: ReactElement | Button.IconProps;\n  divided: boolean;\n}\n\nconst Action = ({ index, level, children, divided }: ActionProps): ReactElement => {\n  let content: ReactElement = children as ReactElement;\n  if (!isValidElement(children)) {\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n    const props = children as Button.IconProps;\n    content = (\n      <Button.Icon\n        onClick={(e) => {\n          e.stopPropagation();\n          e.preventDefault();\n          props.onClick?.(e);\n        }}\n        key={index}\n        size={Text.LevelComponentSizes[level]}\n        {...props}\n      />\n    );\n  }\n  return (\n    <Fragment key={index}>\n      {divided && <Divider.Divider />}\n      {content}\n    </Fragment>\n  );\n};\n","// 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 } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport interface ButtonTitleProps\n  extends Omit<Button.ButtonProps, \"variant\" | \"size\"> {}\n\n/**\n * Header.Title.Use renders a clickable header title.\n *\n * @param props - The comonent props. The props for this component are identical\n * to {@link Button}, except the variant is always 'outlined' and that the component size\n * is automatically inferred from the 'level' prop passsed to the parent {@link Header}\n * component.\n */\nexport const ButtonTitle = ({\n  children = \"\",\n  className,\n  onClick,\n  ...props\n}: ButtonTitleProps): ReactElement => {\n  const { level } = useContext();\n  return (\n    <Button.Button\n      variant=\"text\"\n      size={Text.LevelComponentSizes[level]}\n      onClick={onClick}\n      className={CSS(CSS.B(\"header-button-title\"), className)}\n      sharp\n      {...props}\n    >\n      {children}\n    </Button.Button>\n  );\n};\n","// 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 { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport interface TitleProps extends Omit<Text.WithIconProps, \"divided\" | \"level\"> {\n  level?: Text.Level;\n}\n\n/**\n * Renders the title for the header component.\n *\n * @param props - The component props. The props for this component are identical\n * to the {@link Typography.TextWithIcon} component, except that the 'level', and\n * 'divider' props are inherited from the parent {@link Header} component.\n */\nexport const Title = ({\n  className,\n  level: propsLevel,\n  ...props\n}: TitleProps): ReactElement => {\n  const { level, divided } = useContext();\n  return (\n    <Text.WithIcon\n      className={CSS(CSS.BE(\"header\", \"text\"), className)}\n      level={propsLevel ?? level}\n      divided={divided}\n      size={1.5}\n      {...props}\n    />\n  );\n};\n"],"names":["createContext","reactUseContext","jsx","Align.Space","CSS","toArray","isValidElement","Button.Icon","Text.LevelComponentSizes","Fragment","Divider.Divider","Button.Button","Text.WithIcon"],"mappings":"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"}
+{"version":3,"file":"external-DVQ2SRoH.cjs","sources":["../src/header/Header.tsx","../src/header/Actions.tsx","../src/header/ButtonTitle.tsx","../src/header/Title.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 {\n  createContext,\n  type ReactElement,\n  type ReactNode,\n  useContext as reactUseContext,\n} from \"react\";\n\nimport { Align } from \"@/align\";\nimport { CSS } from \"@/css\";\nimport { type Text } from \"@/text\";\n\nimport \"@/header/Header.css\";\n\nexport interface HeaderProps extends Omit<Align.SpaceProps, \"children\" | \"el\"> {\n  level?: Text.Level;\n  divided?: boolean;\n  children: ReactNode | [ReactNode, ReactNode];\n}\n\nexport interface ContextValue {\n  divided: boolean;\n  level: Text.Level;\n}\n\nconst Context = createContext<ContextValue>({\n  divided: false,\n  level: \"h1\",\n});\n\nexport const useContext = (): ContextValue => reactUseContext(Context);\n\n/**\n * The container for a module header.\n *\n * @param props - The component props. All unused props will be passed down to the\n * {@link Space} containing the header.\n * @param props.level - The font level for the header. See the {@link Typography.Text}\n * component for all possible levels. Default is \"h1.\"\n * @param props.icon - An optional icon to add add before the start of the header text.\n * @param props.actions - A list of actions to be rendered on the right side ofthe header.\n * If the action is a JSX element, it will be rendered directly, and if its of type\n * ButtonIconProps, a ButtonIconOnly will be rendered using the given props.\n * @param props.divided - If true, creates a divider between the start icon, header text,\n * and each action. Default is false.\n */\nexport const Header = ({\n  children,\n  className,\n  level = \"h1\",\n  divided = false,\n  ...props\n}: HeaderProps): ReactElement => (\n  <Context.Provider value={{ level, divided }}>\n    <Align.Space\n      el=\"header\"\n      direction=\"x\"\n      justify=\"spaceBetween\"\n      className={CSS(\n        CSS.B(\"header\"),\n        CSS.bordered(\"bottom\"),\n        divided && CSS.BM(\"header\", \"divided\"),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Align.Space>\n  </Context.Provider>\n);\n","// 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 { Fragment, isValidElement, type ReactElement } from \"react\";\n\nimport { toArray } from \"@synnaxlabs/x\";\n\nimport { Align } from \"@/align\";\nimport { Button } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { Divider } from \"@/divider\";\nimport { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport type ActionSpec = Button.IconProps | ReactElement;\n\nexport interface ActionsProps {\n  children?: ActionSpec | ActionSpec[];\n}\n\n/**\n * Custom actions to render on the right side of the header.\n *\n * @param children - The actions to render. If the action is of type\n * {@link ButtonIconProps}, a correectly sized {@link ButtonIconOnly} is rendered\n * using the given props. If the action is a JSX element, it is renderered directly.\n * It's a good idea to prefer the latter in almost all cases for simplicity.\n */\nexport const Actions = ({ children = [] }: ActionsProps): ReactElement => {\n  const { level, divided } = useContext();\n  return (\n    <Align.Space\n      direction=\"x\"\n      size=\"small\"\n      align=\"center\"\n      className={CSS.BE(\"header\", \"actions\")}\n    >\n      {toArray(children).map((action, i) => (\n        <Action key={i} index={i} level={level} divided={divided}>\n          {action}\n        </Action>\n      ))}\n    </Align.Space>\n  );\n};\n\ninterface ActionProps {\n  index: number;\n  level: Text.Level;\n  children: ReactElement | Button.IconProps;\n  divided: boolean;\n}\n\nconst Action = ({ index, level, children, divided }: ActionProps): ReactElement => {\n  let content: ReactElement = children as ReactElement;\n  if (!isValidElement(children)) {\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n    const props = children as Button.IconProps;\n    content = (\n      <Button.Icon\n        onClick={(e) => {\n          e.stopPropagation();\n          e.preventDefault();\n          props.onClick?.(e);\n        }}\n        key={index}\n        size={Text.LevelComponentSizes[level]}\n        {...props}\n      />\n    );\n  }\n  return (\n    <Fragment key={index}>\n      {divided && <Divider.Divider />}\n      {content}\n    </Fragment>\n  );\n};\n","// 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 } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport interface ButtonTitleProps\n  extends Omit<Button.ButtonProps, \"variant\" | \"size\"> {}\n\n/**\n * Header.Title.Use renders a clickable header title.\n *\n * @param props - The comonent props. The props for this component are identical\n * to {@link Button}, except the variant is always 'outlined' and that the component size\n * is automatically inferred from the 'level' prop passsed to the parent {@link Header}\n * component.\n */\nexport const ButtonTitle = ({\n  children = \"\",\n  className,\n  onClick,\n  ...props\n}: ButtonTitleProps): ReactElement => {\n  const { level } = useContext();\n  return (\n    <Button.Button\n      variant=\"text\"\n      size={Text.LevelComponentSizes[level]}\n      onClick={onClick}\n      className={CSS(CSS.B(\"header-button-title\"), className)}\n      sharp\n      {...props}\n    >\n      {children}\n    </Button.Button>\n  );\n};\n","// 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 { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport interface TitleProps extends Omit<Text.WithIconProps, \"divided\" | \"level\"> {\n  level?: Text.Level;\n}\n\n/**\n * Renders the title for the header component.\n *\n * @param props - The component props. The props for this component are identical\n * to the {@link Typography.TextWithIcon} component, except that the 'level', and\n * 'divider' props are inherited from the parent {@link Header} component.\n */\nexport const Title = ({\n  className,\n  level: propsLevel,\n  ...props\n}: TitleProps): ReactElement => {\n  const { level, divided } = useContext();\n  return (\n    <Text.WithIcon\n      className={CSS(CSS.BE(\"header\", \"text\"), className)}\n      level={propsLevel ?? level}\n      divided={divided}\n      size={1.5}\n      {...props}\n    />\n  );\n};\n"],"names":["createContext","reactUseContext","jsx","Align.Space","CSS","toArray","isValidElement","Button.Icon","Text.LevelComponentSizes","Fragment","Divider.Divider","Button.Button","Text.WithIcon"],"mappings":"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"}

package/dist/{external-16K8slq8.cjs → external-D_yXh8rn.cjs}

@@ -1,10 +1,10 @@
 "use strict";
-const Toggle = require("./Toggle-C6Z8WPT3.cjs");
+const Toggle = require("./Toggle-D3iCEbO1.cjs");
 const jsxRuntime = require("./jsx-runtime-B3vWrP5x.cjs");
-const css = require("./css-Pf9qxhQ4.cjs");
-const aggregator = require("./aggregator-BpfMBUD1.cjs");
+const css = require("./css-Ci8WUD5E.cjs");
+const aggregator = require("./aggregator-Bh2Kyzkg.cjs");
 const React = require("react");
-const Center = require("./Center-5NJ61qfA.cjs");
+const Center = require("./Center-Cc_rR5pQ.cjs");
 const HelpText = ({
   className,
   variant = "error",
@@ -87,7 +87,7 @@ const DateTime = ({
   onBlur,
   ...props
 }) => {
-  const ts = new aggregator.w(value, "UTC");
+  const ts = new aggregator.m(value, "UTC");
   const [internalValue, setInternalValue] = React.useState(
     ts.fString("ISO", "local").slice(0, -1)
   );
@@ -95,13 +95,13 @@ const DateTime = ({
   const handleChange = (next) => {
     let nextStr = next.toString();
     setInternalValue(nextStr);
-    let ts2 = new aggregator.w(next, "UTC");
+    let ts2 = new aggregator.m(next, "UTC");
     if (nextStr.length < 23)
       nextStr += ".000";
     ts2 = ts2.add(
       BigInt(
-        aggregator.w.now().date().getTimezoneOffset() - ts2.date().getTimezoneOffset()
-      ) * aggregator.y.MINUTE.valueOf()
+        aggregator.m.now().date().getTimezoneOffset() - ts2.date().getTimezoneOffset()
+      ) * aggregator.w.MINUTE.valueOf()
     );
     let ok = false;
     try {
@@ -119,7 +119,7 @@ const DateTime = ({
   };
   const handleBlur = (e) => {
     setValueIsValid(true);
-    setInternalValue(new aggregator.w(value, "UTC").fString("ISO", "local").slice(0, -1));
+    setInternalValue(new aggregator.m(value, "UTC").fString("ISO", "local").slice(0, -1));
     onBlur == null ? void 0 : onBlur(e);
   };
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
@@ -128,7 +128,7 @@ const DateTime = ({
       type: "datetime-local",
       onBlur: handleBlur,
       required: false,
-      value: valueIsValid ? new aggregator.w(value, "UTC").fString("ISO", "local").slice(0, -1) : internalValue,
+      value: valueIsValid ? new aggregator.m(value, "UTC").fString("ISO", "local").slice(0, -1) : internalValue,
       onChange: handleChange,
       ...props
     }
@@ -153,4 +153,4 @@ const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
 }, Symbol.toStringTag, { value: "Module" }));
 exports.Item = Item;
 exports.external = external;
-//# sourceMappingURL=external-16K8slq8.cjs.map
+//# sourceMappingURL=external-D_yXh8rn.cjs.map

package/dist/{external-16K8slq8.cjs.map → external-D_yXh8rn.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"external-16K8slq8.cjs","sources":["../src/input/HelpText.tsx","../src/input/Label.tsx","../src/input/Item.tsx","../src/input/DateTime.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 Status } from \"@/status\";\nimport { Text } from \"@/text\";\n\nimport \"@/input/HelpText.css\";\n\n/** Props for the {@link HelpText} component. */\nexport interface HelpTextProps extends Omit<Text.TextProps<\"small\">, \"level\" | \"ref\"> {\n  variant?: Status.Variant;\n}\n\n/**\n * Help text for an input component. We generally recommend using Input.Item with a\n * 'helpText' prop instead of this component. This component is useful for low-level\n * control over the help text element.\n *\n * @param props - Props for the help text component. Unlisted props are passed to the\n * underlying text element.\n * @param props.variant - The variant of the help text.\n * \"success\" | \"error\" | \"warning\" | \"info\" | \"loading\" | \"disabled\n * @default \"info\"\n */\nexport const HelpText = ({\n  className,\n  variant = \"error\",\n  ...props\n}: HelpTextProps): ReactElement => (\n  <Text.Text<\"small\">\n    className={CSS(\n      CSS.B(\"input-help-text\"),\n      CSS.BM(\"input-help-text\", variant),\n      className,\n    )}\n    level=\"small\"\n    {...props}\n  />\n);\n","// 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 DetailedHTMLProps, type HTMLAttributes, type ReactElement } from \"react\";\n\nimport { CSS } from \"@/css\";\n\nimport \"@/input/Label.css\";\n\n/** Props for the {@link Label} component. */\nexport interface LabelProps\n  extends DetailedHTMLProps<HTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {\n  required?: boolean;\n}\n\n/**\n * A thin, styled wrapper for an input label. We generally recommend using Input.Item\n * with a 'label' prop instead of this component. This component is useful for\n * low-level control over the label element.\n *\n * @param props - Props for the label component. Unlisted props are passed to the\n * underlying label element.\n * @param props.required - Indicate whether the label is associated with a required\n * input.\n */\nexport const Label = ({\n  className,\n  required = false,\n  children,\n  ...props\n}: LabelProps): ReactElement => {\n  return (\n    <label className={CSS(CSS.B(\"input-label\"), className)} {...props}>\n      {children} {required && <span className={CSS.B(\"required-indicator\")}>*</span>}\n    </label>\n  );\n};\n","// 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 { direction } from \"@synnaxlabs/x\";\n\nimport { Align } from \"@/align\";\nimport { CSS } from \"@/css\";\nimport { HelpText } from \"@/input/HelpText\";\nimport { Label } from \"@/input/Label\";\n\nimport \"@/input/Item.css\";\nimport { status } from \"@/status/aether\";\n\nexport interface ItemProps extends Align.SpaceProps {\n  label?: string;\n  required?: boolean;\n  showLabel?: boolean;\n  helpText?: string;\n  padHelpText?: boolean;\n  helpTextVariant?: status.Variant;\n  showHelpText?: boolean;\n}\n\nconst maybeDefaultAlignment = (\n  align?: Align.Alignment,\n  dir: direction.Crude = \"x\",\n): Align.Alignment => {\n  if (align != null) return align;\n  return direction.construct(dir) === \"y\" ? \"stretch\" : \"center\";\n};\n\nexport const Item = ({\n  label,\n  showLabel = true,\n  helpText,\n  direction = \"y\",\n  className,\n  children,\n  required,\n  align,\n  size = \"small\",\n  padHelpText = false,\n  helpTextVariant,\n  showHelpText = true,\n  ...props\n}: ItemProps): ReactElement => {\n  let inputAndHelp: ReactElement;\n  if (showHelpText === false && showLabel === false) return <>{children}</>;\n  if (direction === \"x\")\n    inputAndHelp = (\n      <Align.Space direction=\"y\" size=\"small\">\n        {children}\n        {(padHelpText || (helpText != null && helpText.length > 0)) && (\n          <HelpText variant={helpTextVariant}>{helpText}</HelpText>\n        )}\n      </Align.Space>\n    );\n  else\n    inputAndHelp = (\n      <Align.Space direction=\"y\" size={1 / 3}>\n        {children}\n        {(padHelpText || (helpText != null && helpText.length > 0)) && (\n          <HelpText variant={helpTextVariant}>{helpText}</HelpText>\n        )}\n      </Align.Space>\n    );\n\n  return (\n    <Align.Space\n      className={CSS(CSS.B(\"input-item\"), className)}\n      direction={direction}\n      size={size}\n      align={maybeDefaultAlignment(align, direction)}\n      {...props}\n    >\n      {showLabel && <Label required={required}>{label}</Label>}\n      {inputAndHelp}\n    </Align.Space>\n  );\n};\n","// Copyright 2024 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, useState } from \"react\";\n\nimport { TimeSpan, TimeStamp } from \"@synnaxlabs/x\";\n\nimport { Text } from \"@/input/Text\";\nimport { type BaseProps } from \"@/input/types\";\n\nexport interface DateTimeProps extends BaseProps<number> {}\n\nexport const DateTime = ({\n  value,\n  onChange,\n  onBlur,\n  ...props\n}: DateTimeProps): ReactElement => {\n  const ts = new TimeStamp(value, \"UTC\");\n  const [internalValue, setInternalValue] = useState(\n    ts.fString(\"ISO\", \"local\").slice(0, -1),\n  );\n  const [valueIsValid, setValueIsValid] = useState(true);\n\n  const handleChange = (next: string | number): void => {\n    let nextStr = next.toString();\n    setInternalValue(nextStr);\n\n    let ts = new TimeStamp(next, \"UTC\");\n    if (nextStr.length < 23) nextStr += \".000\";\n\n    ts = ts.add(\n      BigInt(\n        TimeStamp.now().date().getTimezoneOffset() - ts.date().getTimezoneOffset(),\n      ) * TimeSpan.MINUTE.valueOf(),\n    );\n    let ok = false;\n    try {\n      const str = ts.fString(\"ISO\", \"local\");\n      ok = str.slice(0, -1) === nextStr;\n    } catch (_) {\n      console.error(\"e\");\n    }\n    if (!ok) {\n      setValueIsValid(false);\n      return;\n    }\n    onChange(Number(ts.valueOf()));\n    setValueIsValid(true);\n  };\n\n  const handleBlur: React.FocusEventHandler<HTMLInputElement> = (e) => {\n    setValueIsValid(true);\n    setInternalValue(new TimeStamp(value, \"UTC\").fString(\"ISO\", \"local\").slice(0, -1));\n    onBlur?.(e);\n  };\n\n  return (\n    <Text\n      type=\"datetime-local\"\n      onBlur={handleBlur}\n      required={false}\n      value={\n        valueIsValid\n          ? new TimeStamp(value, \"UTC\").fString(\"ISO\", \"local\").slice(0, -1)\n          : internalValue\n      }\n      onChange={handleChange}\n      {...props}\n    />\n  );\n};\n"],"names":["jsx","Text.Text","CSS","jsxs","direction","Align.Space","TimeStamp","useState","ts","TimeSpan","Text"],"mappings":"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"}
+{"version":3,"file":"external-D_yXh8rn.cjs","sources":["../src/input/HelpText.tsx","../src/input/Label.tsx","../src/input/Item.tsx","../src/input/DateTime.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 Status } from \"@/status\";\nimport { Text } from \"@/text\";\n\nimport \"@/input/HelpText.css\";\n\n/** Props for the {@link HelpText} component. */\nexport interface HelpTextProps extends Omit<Text.TextProps<\"small\">, \"level\" | \"ref\"> {\n  variant?: Status.Variant;\n}\n\n/**\n * Help text for an input component. We generally recommend using Input.Item with a\n * 'helpText' prop instead of this component. This component is useful for low-level\n * control over the help text element.\n *\n * @param props - Props for the help text component. Unlisted props are passed to the\n * underlying text element.\n * @param props.variant - The variant of the help text.\n * \"success\" | \"error\" | \"warning\" | \"info\" | \"loading\" | \"disabled\n * @default \"info\"\n */\nexport const HelpText = ({\n  className,\n  variant = \"error\",\n  ...props\n}: HelpTextProps): ReactElement => (\n  <Text.Text<\"small\">\n    className={CSS(\n      CSS.B(\"input-help-text\"),\n      CSS.BM(\"input-help-text\", variant),\n      className,\n    )}\n    level=\"small\"\n    {...props}\n  />\n);\n","// 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 DetailedHTMLProps, type HTMLAttributes, type ReactElement } from \"react\";\n\nimport { CSS } from \"@/css\";\n\nimport \"@/input/Label.css\";\n\n/** Props for the {@link Label} component. */\nexport interface LabelProps\n  extends DetailedHTMLProps<HTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {\n  required?: boolean;\n}\n\n/**\n * A thin, styled wrapper for an input label. We generally recommend using Input.Item\n * with a 'label' prop instead of this component. This component is useful for\n * low-level control over the label element.\n *\n * @param props - Props for the label component. Unlisted props are passed to the\n * underlying label element.\n * @param props.required - Indicate whether the label is associated with a required\n * input.\n */\nexport const Label = ({\n  className,\n  required = false,\n  children,\n  ...props\n}: LabelProps): ReactElement => {\n  return (\n    <label className={CSS(CSS.B(\"input-label\"), className)} {...props}>\n      {children} {required && <span className={CSS.B(\"required-indicator\")}>*</span>}\n    </label>\n  );\n};\n","// 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 { direction } from \"@synnaxlabs/x\";\n\nimport { Align } from \"@/align\";\nimport { CSS } from \"@/css\";\nimport { HelpText } from \"@/input/HelpText\";\nimport { Label } from \"@/input/Label\";\n\nimport \"@/input/Item.css\";\nimport { status } from \"@/status/aether\";\n\nexport interface ItemProps extends Align.SpaceProps {\n  label?: string;\n  required?: boolean;\n  showLabel?: boolean;\n  helpText?: string;\n  padHelpText?: boolean;\n  helpTextVariant?: status.Variant;\n  showHelpText?: boolean;\n}\n\nconst maybeDefaultAlignment = (\n  align?: Align.Alignment,\n  dir: direction.Crude = \"x\",\n): Align.Alignment => {\n  if (align != null) return align;\n  return direction.construct(dir) === \"y\" ? \"stretch\" : \"center\";\n};\n\nexport const Item = ({\n  label,\n  showLabel = true,\n  helpText,\n  direction = \"y\",\n  className,\n  children,\n  required,\n  align,\n  size = \"small\",\n  padHelpText = false,\n  helpTextVariant,\n  showHelpText = true,\n  ...props\n}: ItemProps): ReactElement => {\n  let inputAndHelp: ReactElement;\n  if (showHelpText === false && showLabel === false) return <>{children}</>;\n  if (direction === \"x\")\n    inputAndHelp = (\n      <Align.Space direction=\"y\" size=\"small\">\n        {children}\n        {(padHelpText || (helpText != null && helpText.length > 0)) && (\n          <HelpText variant={helpTextVariant}>{helpText}</HelpText>\n        )}\n      </Align.Space>\n    );\n  else\n    inputAndHelp = (\n      <Align.Space direction=\"y\" size={1 / 3}>\n        {children}\n        {(padHelpText || (helpText != null && helpText.length > 0)) && (\n          <HelpText variant={helpTextVariant}>{helpText}</HelpText>\n        )}\n      </Align.Space>\n    );\n\n  return (\n    <Align.Space\n      className={CSS(CSS.B(\"input-item\"), className)}\n      direction={direction}\n      size={size}\n      align={maybeDefaultAlignment(align, direction)}\n      {...props}\n    >\n      {showLabel && <Label required={required}>{label}</Label>}\n      {inputAndHelp}\n    </Align.Space>\n  );\n};\n","// Copyright 2024 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, useState } from \"react\";\n\nimport { TimeSpan, TimeStamp } from \"@synnaxlabs/x\";\n\nimport { Text } from \"@/input/Text\";\nimport { type BaseProps } from \"@/input/types\";\n\nexport interface DateTimeProps extends BaseProps<number> {}\n\nexport const DateTime = ({\n  value,\n  onChange,\n  onBlur,\n  ...props\n}: DateTimeProps): ReactElement => {\n  const ts = new TimeStamp(value, \"UTC\");\n  const [internalValue, setInternalValue] = useState(\n    ts.fString(\"ISO\", \"local\").slice(0, -1),\n  );\n  const [valueIsValid, setValueIsValid] = useState(true);\n\n  const handleChange = (next: string | number): void => {\n    let nextStr = next.toString();\n    setInternalValue(nextStr);\n\n    let ts = new TimeStamp(next, \"UTC\");\n    if (nextStr.length < 23) nextStr += \".000\";\n\n    ts = ts.add(\n      BigInt(\n        TimeStamp.now().date().getTimezoneOffset() - ts.date().getTimezoneOffset(),\n      ) * TimeSpan.MINUTE.valueOf(),\n    );\n    let ok = false;\n    try {\n      const str = ts.fString(\"ISO\", \"local\");\n      ok = str.slice(0, -1) === nextStr;\n    } catch (_) {\n      console.error(\"e\");\n    }\n    if (!ok) {\n      setValueIsValid(false);\n      return;\n    }\n    onChange(Number(ts.valueOf()));\n    setValueIsValid(true);\n  };\n\n  const handleBlur: React.FocusEventHandler<HTMLInputElement> = (e) => {\n    setValueIsValid(true);\n    setInternalValue(new TimeStamp(value, \"UTC\").fString(\"ISO\", \"local\").slice(0, -1));\n    onBlur?.(e);\n  };\n\n  return (\n    <Text\n      type=\"datetime-local\"\n      onBlur={handleBlur}\n      required={false}\n      value={\n        valueIsValid\n          ? new TimeStamp(value, \"UTC\").fString(\"ISO\", \"local\").slice(0, -1)\n          : internalValue\n      }\n      onChange={handleChange}\n      {...props}\n    />\n  );\n};\n"],"names":["jsx","Text.Text","CSS","jsxs","direction","Align.Space","TimeStamp","useState","ts","TimeSpan","Text"],"mappings":"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"}

package/dist/{external-CPx8XA9-.cjs → external-Df0D1YYb.cjs}

@@ -1,12 +1,12 @@
 "use strict";
 const jsxRuntime = require("./jsx-runtime-B3vWrP5x.cjs");
 const React = require("react");
-const Toggle = require("./Toggle-C6Z8WPT3.cjs");
-const Link = require("./Link-BdWFvK8v.cjs");
-const css = require("./css-Pf9qxhQ4.cjs");
-const aggregator = require("./aggregator-BpfMBUD1.cjs");
-require("./Center-5NJ61qfA.cjs");
-const List = require("./List-PlMTfEHi.cjs");
+const Toggle = require("./Toggle-D3iCEbO1.cjs");
+const Link = require("./Link-Bq38h1dw.cjs");
+const css = require("./css-Ci8WUD5E.cjs");
+const aggregator = require("./aggregator-Bh2Kyzkg.cjs");
+require("./Center-Cc_rR5pQ.cjs");
+const List = require("./List-BnB-C5vQ.cjs");
 const shouldExpand = (node, expanded) => expanded.includes(node.key);
 const sortAndSplice = (nodes, sort) => {
   if (sort) {
@@ -368,4 +368,4 @@ const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   use
 }, Symbol.toStringTag, { value: "Module" }));
 exports.external = external;
-//# sourceMappingURL=external-CPx8XA9-.cjs.map
+//# sourceMappingURL=external-Df0D1YYb.cjs.map