@synnaxlabs/pluto 0.12.0 → 0.14.0

package/dist/{Item-rkSKzZoh.cjs.map → Item-_og4CdwZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Item-rkSKzZoh.cjs","sources":["../src/input/HelpText.tsx","../src/input/Label.tsx","../src/util/case.ts","../src/input/Item.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\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 */\nexport const Label = ({ className, ...props }: LabelProps): ReactElement => {\n  return <label className={CSS(CSS.B(\"input-label\"), className)} {...props} />;\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\nexport const camelToTitle = (str: string): string =>\n  str.replace(/([A-Z])/g, \" $1\").replace(/^./, (str) => str.toUpperCase());\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\";\nimport {\n  type UseControllerProps,\n  useController,\n  type FieldValues,\n  type FieldPath,\n} from \"react-hook-form\";\n\nimport { Align } from \"@/align\";\nimport { CSS } from \"@/css\";\nimport { HelpText } from \"@/input/HelpText\";\nimport { Label } from \"@/input/Label\";\nimport { type Control, type Value } from \"@/input/types\";\nimport { camelToTitle } from \"@/util/case\";\n\nimport { type RenderProp } from \"..\";\n\nimport \"@/input/Item.css\";\n\ninterface ItemExtensionProps extends Align.SpaceExtensionProps {\n  label?: string;\n  showLabel?: boolean;\n  helpText?: string;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport interface ItemProps extends Align.SpaceProps {\n  label?: string;\n  showLabel?: boolean;\n  helpText?: string;\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  align,\n  size = \"small\",\n  ...props\n}: ItemProps): ReactElement => {\n  let inputAndHelp: ReactElement;\n  if (direction === \"x\")\n    inputAndHelp = (\n      <Align.Space direction=\"y\" size=\"small\">\n        {children}\n        {helpText != null && <HelpText>{helpText}</HelpText>}\n      </Align.Space>\n    );\n  else\n    inputAndHelp = (\n      <>\n        {children}\n        {helpText != null && <HelpText>{helpText}</HelpText>}\n      </>\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>{label}</Label>}\n      {inputAndHelp}\n    </Align.Space>\n  );\n};\n\nexport type ItemControlledProps<\n  I extends Value = string | number,\n  O extends Value = I,\n  F extends FieldValues = FieldValues,\n  TName extends FieldPath<F> = FieldPath<F>,\n> = ItemExtensionProps &\n  UseControllerProps<F, TName> & {\n    children: RenderProp<Control<I, O>>;\n  };\n\nexport const ItemControlled = <\n  I extends Value = string | number,\n  O extends Value = I,\n  F extends FieldValues = FieldValues,\n  TName extends FieldPath<F> = FieldPath<F>,\n>({\n  name,\n  rules,\n  control,\n  shouldUnregister,\n  defaultValue,\n  label,\n  children,\n  ...props\n}: ItemControlledProps<I, O, F, TName>): ReactElement => {\n  const { field, fieldState } = useController<F, TName>({\n    control,\n    rules,\n    name,\n    shouldUnregister,\n  });\n  if (label == null) label = camelToTitle(name);\n  return (\n    <Item ref={field.ref} label={label} helpText={fieldState.error?.message} {...props}>\n      {children({ value: field.value, onChange: field.onChange })}\n    </Item>\n  );\n};\n"],"names":["jsx","Text.Text","CSS","str","direction","Align.Space","jsxs","Fragment","useController"],"mappings":";;;;;;;;AAiCO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MACEA,2BAAA,kBAAA;AAAA,EAACC,OAAK;AAAA,EAAL;AAAA,IACC,WAAWC,IAAA;AAAA,MACTA,IAAA,IAAI,EAAE,iBAAiB;AAAA,MACvBA,QAAI,GAAG,mBAAmB,OAAO;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAM;AAAA,IACL,GAAG;AAAA,EAAA;AACN;ACnBK,MAAM,QAAQ,CAAC,EAAE,WAAW,GAAG,YAAsC;AACnE,SAAAF,2BAAA,kBAAA,IAAC,SAAM,EAAA,WAAWE,IAAI,IAAAA,IAAA,IAAI,EAAE,aAAa,GAAG,SAAS,GAAI,GAAG,MAAO,CAAA;AAC5E;ACpBO,MAAM,eAAe,CAAC,QAC3B,IAAI,QAAQ,YAAY,KAAK,EAAE,QAAQ,MAAM,CAACC,SAAQA,KAAI,aAAa;ACkCzE,MAAM,wBAAwB,CAC5B,OACA,MAAuB,QACH;AACpB,MAAI,SAAS;AAAa,WAAA;AAC1B,SAAOC,IAAAA,YAAU,UAAU,GAAG,MAAM,MAAM,YAAY;AACxD;AAEO,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,WAAAA,aAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAA+B;AACzB,MAAA;AACJ,MAAIA,eAAc;AAChB,qEACGC,OAAAA,OAAA,EAAY,WAAU,KAAI,MAAK,SAC7B,UAAA;AAAA,MAAA;AAAA,MACA,YAAY,QAASL,2BAAA,kBAAA,IAAA,UAAA,EAAU,UAAS,UAAA;AAAA,IAC3C,EAAA,CAAA;AAAA;AAGF,mBAEKM,2BAAA,kBAAA,KAAAC,uCAAA,EAAA,UAAA;AAAA,MAAA;AAAA,MACA,YAAY,QAASP,2BAAA,kBAAA,IAAA,UAAA,EAAU,UAAS,UAAA;AAAA,IAC3C,EAAA,CAAA;AAIF,SAAAM,2BAAA,kBAAA;AAAA,IAACD,OAAM;AAAA,IAAN;AAAA,MACC,WAAWH,IAAI,IAAAA,IAAA,IAAI,EAAE,YAAY,GAAG,SAAS;AAAA,MAC7C,WAAWE;AAAAA,MACX;AAAA,MACA,OAAO,sBAAsB,OAAOA,UAAS;AAAA,MAC5C,GAAG;AAAA,MAEH,UAAA;AAAA,QAAa,aAAAJ,2BAAAA,kBAAAA,IAAC,SAAO,UAAM,MAAA,CAAA;AAAA,QAC3B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAYO,MAAM,iBAAiB,CAK5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyD;;AACvD,QAAM,EAAE,OAAO,WAAW,IAAIQ,4BAAwB;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,MAAI,SAAS;AAAM,YAAQ,aAAa,IAAI;AAE1C,SAAAR,iDAAC,QAAK,KAAK,MAAM,KAAK,OAAc,WAAU,gBAAW,UAAX,mBAAkB,SAAU,GAAG,OAC1E,UAAA,SAAS,EAAE,OAAO,MAAM,OAAO,UAAU,MAAM,SAAU,CAAA,EAC5D,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"Item-_og4CdwZ.cjs","sources":["../src/input/HelpText.tsx","../src/input/Label.tsx","../src/util/case.ts","../src/input/Item.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\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 */\nexport const Label = ({ className, ...props }: LabelProps): ReactElement => {\n  return <label className={CSS(CSS.B(\"input-label\"), className)} {...props} />;\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\nexport const camelToTitle = (str: string): string =>\n  str.replace(/([A-Z])/g, \" $1\").replace(/^./, (str) => str.toUpperCase());\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\";\nimport {\n  type UseControllerProps,\n  useController,\n  type FieldValues,\n  type FieldPath,\n} from \"react-hook-form\";\n\nimport { Align } from \"@/align\";\nimport { CSS } from \"@/css\";\nimport { HelpText } from \"@/input/HelpText\";\nimport { Label } from \"@/input/Label\";\nimport { type Control, type Value } from \"@/input/types\";\nimport { camelToTitle } from \"@/util/case\";\n\nimport { type RenderProp } from \"..\";\n\nimport \"@/input/Item.css\";\n\ninterface ItemExtensionProps extends Align.SpaceExtensionProps {\n  label?: string;\n  showLabel?: boolean;\n  helpText?: string;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport interface ItemProps extends Align.SpaceProps {\n  label?: string;\n  showLabel?: boolean;\n  helpText?: string;\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  align,\n  size = \"small\",\n  ...props\n}: ItemProps): ReactElement => {\n  let inputAndHelp: ReactElement;\n  if (direction === \"x\")\n    inputAndHelp = (\n      <Align.Space direction=\"y\" size=\"small\">\n        {children}\n        {helpText != null && <HelpText>{helpText}</HelpText>}\n      </Align.Space>\n    );\n  else\n    inputAndHelp = (\n      <>\n        {children}\n        {helpText != null && <HelpText>{helpText}</HelpText>}\n      </>\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>{label}</Label>}\n      {inputAndHelp}\n    </Align.Space>\n  );\n};\n\nexport type ItemControlledProps<\n  I extends Value = string | number,\n  O extends Value = I,\n  F extends FieldValues = FieldValues,\n  TName extends FieldPath<F> = FieldPath<F>,\n> = ItemExtensionProps &\n  UseControllerProps<F, TName> & {\n    children: RenderProp<Control<I, O>>;\n  };\n\nexport const ItemControlled = <\n  I extends Value = string | number,\n  O extends Value = I,\n  F extends FieldValues = FieldValues,\n  TName extends FieldPath<F> = FieldPath<F>,\n>({\n  name,\n  rules,\n  control,\n  shouldUnregister,\n  defaultValue,\n  label,\n  children,\n  ...props\n}: ItemControlledProps<I, O, F, TName>): ReactElement => {\n  const { field, fieldState } = useController<F, TName>({\n    control,\n    rules,\n    name,\n    shouldUnregister,\n  });\n  if (label == null) label = camelToTitle(name);\n  return (\n    <Item ref={field.ref} label={label} helpText={fieldState.error?.message} {...props}>\n      {children({ value: field.value, onChange: field.onChange })}\n    </Item>\n  );\n};\n"],"names":["HelpText","className","variant","props","jsx","Text.Text","CSS","Label","camelToTitle","str","maybeDefaultAlignment","align","dir","direction","Item","label","showLabel","helpText","children","size","inputAndHelp","Align.Space","jsxs","Fragment","ItemControlled","name","rules","control","shouldUnregister","defaultValue","field","fieldState","useController","_a"],"mappings":"mPAiCO,MAAMA,EAAW,CAAC,CACvB,UAAAC,EACA,QAAAC,EAAU,QACV,GAAGC,CACL,IACEC,EAAA,kBAAA,IAACC,EAAK,KAAL,CACC,UAAWC,EAAA,IACTA,EAAA,IAAI,EAAE,iBAAiB,EACvBA,MAAI,GAAG,kBAAmBJ,CAAO,EACjCD,CACF,EACA,MAAM,QACL,GAAGE,CAAA,CACN,ECnBWI,EAAQ,CAAC,CAAE,UAAAN,EAAW,GAAGE,KAC7BC,EAAA,kBAAA,IAAC,QAAM,CAAA,UAAWE,EAAI,IAAAA,EAAA,IAAI,EAAE,aAAa,EAAGL,CAAS,EAAI,GAAGE,CAAO,CAAA,ECnB/DK,EAAgBC,GAC3BA,EAAI,QAAQ,WAAY,KAAK,EAAE,QAAQ,KAAOA,GAAQA,EAAI,aAAa,ECkCnEC,EAAwB,CAC5BC,EACAC,EAAuB,MAEnBD,IACGE,EAAAA,YAAU,UAAUD,CAAG,IAAM,IAAM,UAAY,UAG3CE,EAAO,CAAC,CACnB,MAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EACA,UAAAJ,EAAY,IACZ,UAAAZ,EACA,SAAAiB,EACA,MAAAP,EACA,KAAAQ,EAAO,QACP,GAAGhB,CACL,IAA+B,CACzB,IAAAiB,EACJ,OAAIP,IAAc,IAChBO,2BACGC,EAAAA,MAAA,CAAY,UAAU,IAAI,KAAK,QAC7B,SAAA,CAAAH,EACAD,GAAY,MAASb,EAAA,kBAAA,IAAAJ,EAAA,CAAU,SAASiB,EAAA,CAC3C,CAAA,CAAA,EAGFG,EAEKE,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAL,EACAD,GAAY,MAASb,EAAA,kBAAA,IAAAJ,EAAA,CAAU,SAASiB,EAAA,CAC3C,CAAA,CAAA,EAIFK,EAAA,kBAAA,KAACD,EAAM,MAAN,CACC,UAAWf,EAAI,IAAAA,EAAA,IAAI,EAAE,YAAY,EAAGL,CAAS,EAC7C,UAAWY,EACX,KAAAM,EACA,MAAOT,EAAsBC,EAAOE,CAAS,EAC5C,GAAGV,EAEH,SAAA,CAAaa,GAAAZ,EAAAA,kBAAAA,IAACG,GAAO,SAAMQ,CAAA,CAAA,EAC3BK,CAAA,CAAA,CAAA,CAGP,EAYaI,EAAiB,CAK5B,CACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,MAAAd,EACA,SAAAG,EACA,GAAGf,CACL,IAAyD,OACvD,KAAM,CAAE,MAAA2B,EAAO,WAAAC,CAAW,EAAIC,gBAAwB,CACpD,QAAAL,EACA,MAAAD,EACA,KAAAD,EACA,iBAAAG,CAAA,CACD,EACD,OAAIb,GAAS,OAAMA,EAAQP,EAAaiB,CAAI,GAE1CrB,wBAACU,GAAK,IAAKgB,EAAM,IAAK,MAAAf,EAAc,UAAUkB,EAAAF,EAAW,QAAX,YAAAE,EAAkB,QAAU,GAAG9B,EAC1E,SAAAe,EAAS,CAAE,MAAOY,EAAM,MAAO,SAAUA,EAAM,QAAU,CAAA,CAC5D,CAAA,CAEJ"}

package/dist/Item-kbCoFEj2.js

@@ -0,0 +1,137 @@
+import { j as m } from "./jsx-runtime-NmMXPjeo.js";
+import { forwardRef as b, useRef as v, useState as y, createContext as L, useContext as O } from "react";
+import { x as p, C as i, u as B, b as C } from "./css-5RvvUhjr.js";
+import { a9 as R, B as j, I as A } from "./Toggle-HVxv8bv2.js";
+import { L as _ } from "./Link-fRQvqiYx.js";
+const f = {
+  visible: !1,
+  keys: [],
+  xy: p.ZERO
+}, h = i.BM("context", "selected"), w = i.BE("context", "target"), E = i.BE("menu-context", "container"), D = (n) => {
+  let t = n;
+  for (; t != null && !t.classList.contains(w); ) {
+    if (t.classList.contains(E))
+      return n;
+    t = t.parentElement;
+  }
+  return t;
+}, X = (n) => {
+  var c;
+  const t = D(n), o = ((c = t.parentElement) == null ? void 0 : c.querySelectorAll(`.${h}`)) ?? [];
+  return [t, ...Array.from(o)];
+}, Z = () => {
+  const n = v(null), [t, o] = y(f), c = (e, s) => {
+    const l = p.construct(e);
+    "preventDefault" in e ? (e.preventDefault(), e.stopPropagation(), s = s ?? B(X(e.target).map((u) => u.id))) : s = [], o({ visible: !0, keys: s, xy: l });
+  }, a = (e) => {
+    n.current = e, e != null && o((s) => {
+      if (s.visible) {
+        const [l, u] = C.positionSoVisible(
+          e,
+          window.document.documentElement
+        );
+        if (u)
+          return { ...s, xy: C.topLeft(l) };
+      }
+      return s;
+    });
+  }, r = () => o(f);
+  return R(n, r), {
+    ...t,
+    close: r,
+    open: c,
+    ref: a
+  };
+}, g = ({
+  children: n,
+  menu: t,
+  visible: o,
+  open: c,
+  close: a,
+  xy: r,
+  keys: e,
+  className: s,
+  ...l
+}, u) => {
+  const d = o ? t == null ? void 0 : t({ keys: e }) : null;
+  return /* @__PURE__ */ m.jsxs(
+    "div",
+    {
+      className: i(E, s, i.inheritDims()),
+      onContextMenu: c,
+      ...l,
+      children: [
+        n,
+        d != null && /* @__PURE__ */ m.jsx(
+          "div",
+          {
+            className: i(i.B("menu-context"), i.bordered()),
+            ref: u,
+            style: { left: r.x, top: r.y },
+            onClick: a,
+            children: d
+          }
+        )
+      ]
+    }
+  );
+}, q = b(g);
+q.displayName = "ContextMenu";
+const I = L({
+  onClick: () => {
+  },
+  selected: ""
+}), z = () => O(I), H = ({
+  children: n,
+  onChange: t,
+  level: o,
+  iconSpacing: c,
+  value: a = ""
+}) => {
+  const r = (e) => t == null ? void 0 : t(e);
+  return /* @__PURE__ */ m.jsx(
+    I.Provider,
+    {
+      value: { onClick: r, selected: a, level: o, iconSpacing: c },
+      children: n
+    }
+  );
+}, x = (n, t) => (
+  // eslint-disable-next-line react/display-name
+  (o) => {
+    const { itemKey: c, className: a, onClick: r, size: e, ...s } = {
+      ...t,
+      ...o
+    }, { onClick: l, selected: u, level: d, iconSpacing: M } = z(), N = (S) => {
+      l(c), r == null || r(S);
+    }, k = u === c;
+    return (
+      // @ts-expect-error
+      /* @__PURE__ */ m.jsx(
+        n,
+        {
+          level: d,
+          ...s,
+          onClick: N,
+          variant: "text",
+          className: i(i.B("menu-item"), i.selected(k), a),
+          size: e ?? M
+        }
+      )
+    );
+  }
+), P = x(j, { noWrap: !0 }), W = x(A), $ = x(_, { noWrap: !0 }), T = P;
+T.Icon = W;
+T.Link = $;
+export {
+  h as C,
+  T as I,
+  H as M,
+  w as a,
+  q as b,
+  P as c,
+  I as d,
+  z as e,
+  Z as u
+};
+//# sourceMappingURL=Item-kbCoFEj2.js.map

package/dist/{Item-EDdYN2NK.js.map → Item-kbCoFEj2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Item-EDdYN2NK.js","sources":["../src/menu/ContextMenu.tsx","../src/menu/Menu.tsx","../src/menu/Item.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  type ComponentPropsWithoutRef,\n  type ForwardedRef,\n  forwardRef,\n  type ReactElement,\n  type RefCallback,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { box, unique, xy } from \"@synnaxlabs/x\";\n\nimport { CSS } from \"@/css\";\nimport { useClickOutside } from \"@/hooks\";\nimport { type RenderProp } from \"@/util/renderProp\";\n\nimport \"@/menu/ContextMenu.css\";\n\ninterface ContextMenuState {\n  visible: boolean;\n  keys: string[];\n  xy: xy.XY;\n}\n\n/** Supported event types for triggering a context menu. */\nexport type ContextMenuEvent = xy.Client & {\n  preventDefault: () => void;\n  stopPropagation: () => void;\n  target: Element;\n};\n\n/** Opens the context menu. See {@link Menu.useContextMenu} for more details. */\nexport type ContextMenuOpen = (\n  pos: xy.Crude | ContextMenuEvent,\n  keys?: string[],\n) => void;\n\n/** Return value for the {@Menu.useContextMenu} hook. */\nexport interface UseContextMenuReturn extends ContextMenuState {\n  visible: boolean;\n  close: () => void;\n  open: ContextMenuOpen;\n  ref: RefCallback<HTMLDivElement>;\n}\n\nconst INITIAL_STATE: ContextMenuState = {\n  visible: false,\n  keys: [],\n  xy: xy.ZERO,\n};\n\nexport const CONTEXT_SELECTED = CSS.BM(\"context\", \"selected\");\nexport const CONTEXT_TARGET = CSS.BE(\"context\", \"target\");\nconst CONTEXT_MENU_CONTAINER = CSS.BE(\"menu-context\", \"container\");\n\nconst findTarget = (target: HTMLElement): HTMLElement => {\n  let candidate = target;\n  while (candidate != null && !candidate.classList.contains(CONTEXT_TARGET)) {\n    if (candidate.classList.contains(CONTEXT_MENU_CONTAINER)) return target;\n    candidate = candidate.parentElement as HTMLElement;\n  }\n  return candidate;\n};\n\nconst findSelected = (target_: HTMLElement): HTMLElement[] => {\n  const target = findTarget(target_);\n  const selected = (target.parentElement?.querySelectorAll(`.${CONTEXT_SELECTED}`) ??\n    []) as HTMLElement[];\n  return [target, ...Array.from(selected)];\n};\n\n/**\n * Menu.useContextMenu extracts the logic for toggling a context menu, allowing\n * the caller to control the menu's visibility and position.\n *\n * @returns visible - Whether the menu is visible.\n * @returns close - A function to close the menu.\n * @returns open - A function to open the menu. The function accepts an XY coordinate and\n * an optional set of keys to set as the selected menu items. It's important to note\n * that these keys override the default behavior of the menu, which is explained in\n * the documentation for {@link Menu.ContextMenu}.\n */\nexport const useContextMenu = (): UseContextMenuReturn => {\n  const menuRef = useRef<HTMLDivElement | null>(null);\n  const [state, setMenuState] = useState<ContextMenuState>(INITIAL_STATE);\n\n  const handleOpen: ContextMenuOpen = (e, keys) => {\n    const p = xy.construct(e);\n    if (\"preventDefault\" in e) {\n      e.preventDefault();\n      // Prevent parent context menus from opening.\n      e.stopPropagation();\n      keys = keys ?? unique(findSelected(e.target as HTMLElement).map((el) => el.id));\n    } else keys = [];\n    setMenuState({ visible: true, keys, xy: p });\n  };\n\n  const refCallback = (el: HTMLDivElement): void => {\n    menuRef.current = el;\n    if (el == null) return;\n    setMenuState((prev) => {\n      if (prev.visible) {\n        const [repositioned, changed] = box.positionSoVisible(\n          el,\n          window.document.documentElement,\n        );\n        if (changed) return { ...prev, xy: box.topLeft(repositioned) };\n      }\n      return prev;\n    });\n  };\n\n  const hideMenu = (): void => setMenuState(INITIAL_STATE);\n\n  useClickOutside(menuRef, hideMenu);\n\n  return {\n    ...state,\n    close: hideMenu,\n    open: handleOpen,\n    ref: refCallback,\n  };\n};\n\nexport interface ContextMenuMenuProps {\n  keys: string[];\n}\n\nexport interface ContextMenuProps\n  extends UseContextMenuReturn,\n    ComponentPropsWithoutRef<\"div\"> {\n  menu?: RenderProp<ContextMenuMenuProps>;\n}\n\nconst ContextMenuCore = (\n  {\n    children,\n    menu,\n    visible,\n    open,\n    close,\n    xy,\n    keys,\n    className,\n    ...props\n  }: ContextMenuProps,\n  ref: ForwardedRef<HTMLDivElement>,\n): ReactElement => {\n  const menuC = visible ? menu?.({ keys }) : null;\n\n  return (\n    <div\n      className={CSS(CONTEXT_MENU_CONTAINER, className, CSS.inheritDims())}\n      onContextMenu={open}\n      {...props}\n    >\n      {children}\n      {menuC != null && (\n        <div\n          className={CSS(CSS.B(\"menu-context\"), CSS.bordered())}\n          ref={ref}\n          style={{ left: xy.x, top: xy.y }}\n          onClick={close}\n        >\n          {menuC}\n        </div>\n      )}\n    </div>\n  );\n};\n\n/**\n * Menu.ContextMenu wraps a set of children with a context menu. When the user right\n * clicks within wrapped area, the provided menu will be shown. Menu.ContextMenu should\n * be used in conjunction with the Menu.useContextMenu hook.\n *\n * The rendered menu is provided with a set of keys that represent the HTML IDs of the\n * context target elements. The first target is evaluated by traversing the parents\n * of the element that was right clicked until an element with the class \"pluto-context-target\"\n * is found. If no such element is found, the right clicked element itself is used as\n * the target. Subsequent targets are found by querying all siblings of the first target\n * that have the \"pluto-context-selected\" class.\n *\n * @example <caption>Example DOM structure</caption>\n *   <div id=\"pluto-menu-context__container\">\n *    <div className=\"pluto-context-target\" id=\"1\">\n *      <span>\n *        <h2>I was right clicked!</h2>\n *      </span>\n *    </div>\n *    <div className=\"pluto-context-target pluto-context-selected\" id=\"2\">\n *    <div className=\"pluto-context-target\" id=\"3\">\n *   </div>\n *\n * In the above example, the keys provided to the menu would be [\"1\", \"2\"].\n *\n * The target resolution logic is ideal for both single and multi-select scenarios,\n * such as lists that have several selected rows that should be acted upon together.\n *\n * @param props - Props for the component. Expects all return values from the\n * useContextMenu hook. All non-hook and unlisted props will be spread to the\n * underlying div component acting as the root element.\n * @param props.menu - The menu to show when the user right clicks.\n */\nexport const ContextMenu = forwardRef(ContextMenuCore);\nContextMenu.displayName = \"ContextMenu\";\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  createContext,\n  type PropsWithChildren,\n  type ReactElement,\n  useContext,\n} from \"react\";\n\nimport { type Input } from \"@/input\";\nimport { type Text } from \"@/text\";\nimport { type ComponentSize } from \"@/util/component\";\n\ninterface MenuContextValue {\n  onClick: (key: string) => void;\n  selected: string;\n  level?: Text.Level;\n  iconSpacing?: ComponentSize;\n}\n\nexport const MenuContext = createContext<MenuContextValue>({\n  onClick: () => {},\n  selected: \"\",\n});\n\nexport interface MenuProps\n  extends Partial<Input.Control<string>>,\n    PropsWithChildren,\n    Pick<MenuContextValue, \"level\" | \"iconSpacing\"> {}\n\nexport const useMenuContext = (): MenuContextValue => useContext(MenuContext);\n\n/**\n * Menu is a modular component that allows you to create a menu with a list of items.\n * It satisfies the InputControl string interface, so it's selected value can be\n * controlled.\n *\n * @param props - Props for the component. All unlisted props will be spread to the\n * underlying Space component acting as the root element.\n * @param props.onChange - Callback executed when the selected item changes.\n * @param props.value - The selected item.\n */\nexport const Menu = ({\n  children,\n  onChange,\n  level,\n  iconSpacing,\n  value = \"\",\n}: MenuProps): ReactElement => {\n  const handleClick: MenuProps[\"onChange\"] = (key) => onChange?.(key);\n  return (\n    <MenuContext.Provider\n      value={{ onClick: handleClick, selected: value, level, iconSpacing }}\n    >\n      {children}\n    </MenuContext.Provider>\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 FunctionComponent, type ReactElement } from \"react\";\n\nimport { Button } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { useMenuContext } from \"@/menu/Menu\";\n\nimport \"@/menu/Item.css\";\n\nconst menuItemFactory =\n  <E extends Pick<Button.ButtonProps, \"className\" | \"onClick\">>(\n    Base: FunctionComponent<E>,\n    defaultProps?: Partial<E>,\n  ): FunctionComponent<E & { itemKey: string }> =>\n  // eslint-disable-next-line react/display-name\n  (props): ReactElement => {\n    const { itemKey, className, onClick, size, ...rest } = {\n      ...defaultProps,\n      ...props,\n    };\n\n    const { onClick: ctxOnClick, selected, level, iconSpacing } = useMenuContext();\n\n    const handleClick: Button.ButtonProps[\"onClick\"] = (e) => {\n      ctxOnClick(itemKey);\n      onClick?.(e);\n    };\n    const _selected = selected === itemKey;\n    return (\n      // @ts-expect-error\n      <Base\n        level={level}\n        {...rest}\n        onClick={handleClick}\n        variant=\"text\"\n        className={CSS(CSS.B(\"menu-item\"), CSS.selected(_selected), className)}\n        size={size ?? iconSpacing}\n      />\n    );\n  };\n\nexport interface ItemProps extends Button.ButtonProps {\n  itemKey: string;\n}\nexport const CoreItem = menuItemFactory(Button.Button, { noWrap: true });\n\nexport interface ItemIconProps extends Button.IconProps {\n  itemKey: string;\n}\nconst ItemIcon = menuItemFactory(Button.Icon);\n\nconst ItemLink = menuItemFactory(Button.Link, { noWrap: true });\nexport interface MenuItemLinkProps extends Button.LinkProps {\n  itemKey: string;\n}\n\ntype CoreItemType = typeof CoreItem;\n\nexport interface ItemType extends CoreItemType {\n  Icon: typeof ItemIcon;\n  Link: typeof ItemLink;\n}\n\n/**\n * Menu.Item renders a menu item.\n *\n * @param props - Props for the component. Identical props to those of Use except\n * for the ones listed below.\n * @param props.itemKey - The key of the item. This is used to identify the item and\n * is passed to the onChange callback of the Menu.\n */\nexport const Item = CoreItem as ItemType;\nItem.Icon = ItemIcon;\nItem.Link = ItemLink;\n"],"names":["box","xy","jsxs","jsx","Button.Button","Button.Icon","Button.Link"],"mappings":";;;;;AAsDA,MAAM,gBAAkC;AAAA,EACtC,SAAS;AAAA,EACT,MAAM,CAAC;AAAA,EACP,IAAI,GAAG;AACT;AAEO,MAAM,mBAAmB,IAAI,GAAG,WAAW,UAAU;AACrD,MAAM,iBAAiB,IAAI,GAAG,WAAW,QAAQ;AACxD,MAAM,yBAAyB,IAAI,GAAG,gBAAgB,WAAW;AAEjE,MAAM,aAAa,CAAC,WAAqC;AACvD,MAAI,YAAY;AAChB,SAAO,aAAa,QAAQ,CAAC,UAAU,UAAU,SAAS,cAAc,GAAG;AACrE,QAAA,UAAU,UAAU,SAAS,sBAAsB;AAAU,aAAA;AACjE,gBAAY,UAAU;AAAA,EACxB;AACO,SAAA;AACT;AAEA,MAAM,eAAe,CAAC,YAAwC;;AACtD,QAAA,SAAS,WAAW,OAAO;AAC3B,QAAA,aAAY,YAAO,kBAAP,mBAAsB,iBAAiB,IAAI,gBAAgB,QAC3E;AACF,SAAO,CAAC,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;AACzC;AAaO,MAAM,iBAAiB,MAA4B;AAClD,QAAA,UAAU,OAA8B,IAAI;AAClD,QAAM,CAAC,OAAO,YAAY,IAAI,SAA2B,aAAa;AAEhE,QAAA,aAA8B,CAAC,GAAG,SAAS;AACzC,UAAA,IAAI,GAAG,UAAU,CAAC;AACxB,QAAI,oBAAoB,GAAG;AACzB,QAAE,eAAe;AAEjB,QAAE,gBAAgB;AACX,aAAA,QAAQ,OAAO,aAAa,EAAE,MAAqB,EAAE,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;AAAA,IAChF;AAAO,aAAO,CAAA;AACd,iBAAa,EAAE,SAAS,MAAM,MAAM,IAAI,GAAG;AAAA,EAAA;AAGvC,QAAA,cAAc,CAAC,OAA6B;AAChD,YAAQ,UAAU;AAClB,QAAI,MAAM;AAAM;AAChB,iBAAa,CAAC,SAAS;AACrB,UAAI,KAAK,SAAS;AAChB,cAAM,CAAC,cAAc,OAAO,IAAIA,MAAI;AAAA,UAClC;AAAA,UACA,OAAO,SAAS;AAAA,QAAA;AAEd,YAAA;AAAS,iBAAO,EAAE,GAAG,MAAM,IAAIA,MAAI,QAAQ,YAAY;MAC7D;AACO,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAGG,QAAA,WAAW,MAAY,aAAa,aAAa;AAEvD,kBAAgB,SAAS,QAAQ;AAE1B,SAAA;AAAA,IACL,GAAG;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET;AAYA,MAAM,kBAAkB,CACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAAC;AAAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACiB;AACjB,QAAM,QAAQ,UAAU,6BAAO,EAAE,KAAA,KAAU;AAGzC,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,IAAI,wBAAwB,WAAW,IAAI,aAAa;AAAA,MACnE,eAAe;AAAA,MACd,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,SAAS,QACRC,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,IAAI,IAAI,EAAE,cAAc,GAAG,IAAI,UAAU;AAAA,YACpD;AAAA,YACA,OAAO,EAAE,MAAMF,IAAG,GAAG,KAAKA,IAAG,EAAE;AAAA,YAC/B,SAAS;AAAA,YAER,UAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAmCa,MAAA,cAAc,WAAW,eAAe;AACrD,YAAY,cAAc;AC3LnB,MAAM,cAAc,cAAgC;AAAA,EACzD,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,UAAU;AACZ,CAAC;AAOY,MAAA,iBAAiB,MAAwB,WAAW,WAAW;AAYrE,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,MAA+B;AAC7B,QAAM,cAAqC,CAAC,QAAQ,qCAAW;AAE7D,SAAAE,kCAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO,EAAE,SAAS,aAAa,UAAU,OAAO,OAAO,YAAY;AAAA,MAElE;AAAA,IAAA;AAAA,EAAA;AAGP;AC/CA,MAAM,kBACJ,CACE,MACA;AAAA;AAAA,EAGF,CAAC,UAAwB;AACvB,UAAM,EAAE,SAAS,WAAW,SAAS,MAAM,GAAG,SAAS;AAAA,MACrD,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAGL,UAAM,EAAE,SAAS,YAAY,UAAU,OAAO,YAAA,IAAgB;AAExD,UAAA,cAA6C,CAAC,MAAM;AACxD,iBAAW,OAAO;AAClB,yCAAU;AAAA,IAAC;AAEb,UAAM,YAAY,aAAa;AAC/B;AAAA;AAAA,MAEEA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACC,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,SAAQ;AAAA,UACR,WAAW,IAAI,IAAI,EAAE,WAAW,GAAG,IAAI,SAAS,SAAS,GAAG,SAAS;AAAA,UACrE,MAAM,QAAQ;AAAA,QAAA;AAAA,MAChB;AAAA;AAAA,EAEJ;AAAA;AAKK,MAAM,WAAW,gBAAgBC,QAAe,EAAE,QAAQ,MAAM;AAKvE,MAAM,WAAW,gBAAgBC,IAAW;AAE5C,MAAM,WAAW,gBAAgBC,MAAa,EAAE,QAAQ,KAAM,CAAA;AAoBvD,MAAM,OAAO;AACpB,KAAK,OAAO;AACZ,KAAK,OAAO;"}
+{"version":3,"file":"Item-kbCoFEj2.js","sources":["../src/menu/ContextMenu.tsx","../src/menu/Menu.tsx","../src/menu/Item.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  type ComponentPropsWithoutRef,\n  type ForwardedRef,\n  forwardRef,\n  type ReactElement,\n  type RefCallback,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { box, unique, xy } from \"@synnaxlabs/x\";\n\nimport { CSS } from \"@/css\";\nimport { useClickOutside } from \"@/hooks\";\nimport { type RenderProp } from \"@/util/renderProp\";\n\nimport \"@/menu/ContextMenu.css\";\n\ninterface ContextMenuState {\n  visible: boolean;\n  keys: string[];\n  xy: xy.XY;\n}\n\n/** Supported event types for triggering a context menu. */\nexport type ContextMenuEvent = xy.Client & {\n  preventDefault: () => void;\n  stopPropagation: () => void;\n  target: Element;\n};\n\n/** Opens the context menu. See {@link Menu.useContextMenu} for more details. */\nexport type ContextMenuOpen = (\n  pos: xy.Crude | ContextMenuEvent,\n  keys?: string[],\n) => void;\n\n/** Return value for the {@Menu.useContextMenu} hook. */\nexport interface UseContextMenuReturn extends ContextMenuState {\n  visible: boolean;\n  close: () => void;\n  open: ContextMenuOpen;\n  ref: RefCallback<HTMLDivElement>;\n}\n\nconst INITIAL_STATE: ContextMenuState = {\n  visible: false,\n  keys: [],\n  xy: xy.ZERO,\n};\n\nexport const CONTEXT_SELECTED = CSS.BM(\"context\", \"selected\");\nexport const CONTEXT_TARGET = CSS.BE(\"context\", \"target\");\nconst CONTEXT_MENU_CONTAINER = CSS.BE(\"menu-context\", \"container\");\n\nconst findTarget = (target: HTMLElement): HTMLElement => {\n  let candidate = target;\n  while (candidate != null && !candidate.classList.contains(CONTEXT_TARGET)) {\n    if (candidate.classList.contains(CONTEXT_MENU_CONTAINER)) return target;\n    candidate = candidate.parentElement as HTMLElement;\n  }\n  return candidate;\n};\n\nconst findSelected = (target_: HTMLElement): HTMLElement[] => {\n  const target = findTarget(target_);\n  const selected = (target.parentElement?.querySelectorAll(`.${CONTEXT_SELECTED}`) ??\n    []) as HTMLElement[];\n  return [target, ...Array.from(selected)];\n};\n\n/**\n * Menu.useContextMenu extracts the logic for toggling a context menu, allowing\n * the caller to control the menu's visibility and position.\n *\n * @returns visible - Whether the menu is visible.\n * @returns close - A function to close the menu.\n * @returns open - A function to open the menu. The function accepts an XY coordinate and\n * an optional set of keys to set as the selected menu items. It's important to note\n * that these keys override the default behavior of the menu, which is explained in\n * the documentation for {@link Menu.ContextMenu}.\n */\nexport const useContextMenu = (): UseContextMenuReturn => {\n  const menuRef = useRef<HTMLDivElement | null>(null);\n  const [state, setMenuState] = useState<ContextMenuState>(INITIAL_STATE);\n\n  const handleOpen: ContextMenuOpen = (e, keys) => {\n    const p = xy.construct(e);\n    if (\"preventDefault\" in e) {\n      e.preventDefault();\n      // Prevent parent context menus from opening.\n      e.stopPropagation();\n      keys = keys ?? unique(findSelected(e.target as HTMLElement).map((el) => el.id));\n    } else keys = [];\n    setMenuState({ visible: true, keys, xy: p });\n  };\n\n  const refCallback = (el: HTMLDivElement): void => {\n    menuRef.current = el;\n    if (el == null) return;\n    setMenuState((prev) => {\n      if (prev.visible) {\n        const [repositioned, changed] = box.positionSoVisible(\n          el,\n          window.document.documentElement,\n        );\n        if (changed) return { ...prev, xy: box.topLeft(repositioned) };\n      }\n      return prev;\n    });\n  };\n\n  const hideMenu = (): void => setMenuState(INITIAL_STATE);\n\n  useClickOutside(menuRef, hideMenu);\n\n  return {\n    ...state,\n    close: hideMenu,\n    open: handleOpen,\n    ref: refCallback,\n  };\n};\n\nexport interface ContextMenuMenuProps {\n  keys: string[];\n}\n\nexport interface ContextMenuProps\n  extends UseContextMenuReturn,\n    ComponentPropsWithoutRef<\"div\"> {\n  menu?: RenderProp<ContextMenuMenuProps>;\n}\n\nconst ContextMenuCore = (\n  {\n    children,\n    menu,\n    visible,\n    open,\n    close,\n    xy,\n    keys,\n    className,\n    ...props\n  }: ContextMenuProps,\n  ref: ForwardedRef<HTMLDivElement>,\n): ReactElement => {\n  const menuC = visible ? menu?.({ keys }) : null;\n\n  return (\n    <div\n      className={CSS(CONTEXT_MENU_CONTAINER, className, CSS.inheritDims())}\n      onContextMenu={open}\n      {...props}\n    >\n      {children}\n      {menuC != null && (\n        <div\n          className={CSS(CSS.B(\"menu-context\"), CSS.bordered())}\n          ref={ref}\n          style={{ left: xy.x, top: xy.y }}\n          onClick={close}\n        >\n          {menuC}\n        </div>\n      )}\n    </div>\n  );\n};\n\n/**\n * Menu.ContextMenu wraps a set of children with a context menu. When the user right\n * clicks within wrapped area, the provided menu will be shown. Menu.ContextMenu should\n * be used in conjunction with the Menu.useContextMenu hook.\n *\n * The rendered menu is provided with a set of keys that represent the HTML IDs of the\n * context target elements. The first target is evaluated by traversing the parents\n * of the element that was right clicked until an element with the class \"pluto-context-target\"\n * is found. If no such element is found, the right clicked element itself is used as\n * the target. Subsequent targets are found by querying all siblings of the first target\n * that have the \"pluto-context-selected\" class.\n *\n * @example <caption>Example DOM structure</caption>\n *   <div id=\"pluto-menu-context__container\">\n *    <div className=\"pluto-context-target\" id=\"1\">\n *      <span>\n *        <h2>I was right clicked!</h2>\n *      </span>\n *    </div>\n *    <div className=\"pluto-context-target pluto-context-selected\" id=\"2\">\n *    <div className=\"pluto-context-target\" id=\"3\">\n *   </div>\n *\n * In the above example, the keys provided to the menu would be [\"1\", \"2\"].\n *\n * The target resolution logic is ideal for both single and multi-select scenarios,\n * such as lists that have several selected rows that should be acted upon together.\n *\n * @param props - Props for the component. Expects all return values from the\n * useContextMenu hook. All non-hook and unlisted props will be spread to the\n * underlying div component acting as the root element.\n * @param props.menu - The menu to show when the user right clicks.\n */\nexport const ContextMenu = forwardRef(ContextMenuCore);\nContextMenu.displayName = \"ContextMenu\";\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  createContext,\n  type PropsWithChildren,\n  type ReactElement,\n  useContext,\n} from \"react\";\n\nimport { type Input } from \"@/input\";\nimport { type Text } from \"@/text\";\nimport { type ComponentSize } from \"@/util/component\";\n\ninterface MenuContextValue {\n  onClick: (key: string) => void;\n  selected: string;\n  level?: Text.Level;\n  iconSpacing?: ComponentSize;\n}\n\nexport const MenuContext = createContext<MenuContextValue>({\n  onClick: () => {},\n  selected: \"\",\n});\n\nexport interface MenuProps\n  extends Partial<Input.Control<string>>,\n    PropsWithChildren,\n    Pick<MenuContextValue, \"level\" | \"iconSpacing\"> {}\n\nexport const useMenuContext = (): MenuContextValue => useContext(MenuContext);\n\n/**\n * Menu is a modular component that allows you to create a menu with a list of items.\n * It satisfies the InputControl string interface, so it's selected value can be\n * controlled.\n *\n * @param props - Props for the component. All unlisted props will be spread to the\n * underlying Space component acting as the root element.\n * @param props.onChange - Callback executed when the selected item changes.\n * @param props.value - The selected item.\n */\nexport const Menu = ({\n  children,\n  onChange,\n  level,\n  iconSpacing,\n  value = \"\",\n}: MenuProps): ReactElement => {\n  const handleClick: MenuProps[\"onChange\"] = (key) => onChange?.(key);\n  return (\n    <MenuContext.Provider\n      value={{ onClick: handleClick, selected: value, level, iconSpacing }}\n    >\n      {children}\n    </MenuContext.Provider>\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 FunctionComponent, type ReactElement } from \"react\";\n\nimport { Button } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { useMenuContext } from \"@/menu/Menu\";\n\nimport \"@/menu/Item.css\";\n\nconst menuItemFactory =\n  <E extends Pick<Button.ButtonProps, \"className\" | \"onClick\">>(\n    Base: FunctionComponent<E>,\n    defaultProps?: Partial<E>,\n  ): FunctionComponent<E & { itemKey: string }> =>\n  // eslint-disable-next-line react/display-name\n  (props): ReactElement => {\n    const { itemKey, className, onClick, size, ...rest } = {\n      ...defaultProps,\n      ...props,\n    };\n\n    const { onClick: ctxOnClick, selected, level, iconSpacing } = useMenuContext();\n\n    const handleClick: Button.ButtonProps[\"onClick\"] = (e) => {\n      ctxOnClick(itemKey);\n      onClick?.(e);\n    };\n    const _selected = selected === itemKey;\n    return (\n      // @ts-expect-error\n      <Base\n        level={level}\n        {...rest}\n        onClick={handleClick}\n        variant=\"text\"\n        className={CSS(CSS.B(\"menu-item\"), CSS.selected(_selected), className)}\n        size={size ?? iconSpacing}\n      />\n    );\n  };\n\nexport interface ItemProps extends Button.ButtonProps {\n  itemKey: string;\n}\nexport const CoreItem = menuItemFactory(Button.Button, { noWrap: true });\n\nexport interface ItemIconProps extends Button.IconProps {\n  itemKey: string;\n}\nconst ItemIcon = menuItemFactory(Button.Icon);\n\nconst ItemLink = menuItemFactory(Button.Link, { noWrap: true });\nexport interface MenuItemLinkProps extends Button.LinkProps {\n  itemKey: string;\n}\n\ntype CoreItemType = typeof CoreItem;\n\nexport interface ItemType extends CoreItemType {\n  Icon: typeof ItemIcon;\n  Link: typeof ItemLink;\n}\n\n/**\n * Menu.Item renders a menu item.\n *\n * @param props - Props for the component. Identical props to those of Use except\n * for the ones listed below.\n * @param props.itemKey - The key of the item. This is used to identify the item and\n * is passed to the onChange callback of the Menu.\n */\nexport const Item = CoreItem as ItemType;\nItem.Icon = ItemIcon;\nItem.Link = ItemLink;\n"],"names":["INITIAL_STATE","xy","CONTEXT_SELECTED","CSS","CONTEXT_TARGET","CONTEXT_MENU_CONTAINER","findTarget","target","candidate","findSelected","target_","selected","_a","useContextMenu","menuRef","useRef","state","setMenuState","useState","handleOpen","keys","p","unique","el","refCallback","prev","repositioned","changed","box","hideMenu","useClickOutside","ContextMenuCore","children","menu","visible","open","close","className","props","ref","menuC","jsxs","jsx","ContextMenu","forwardRef","MenuContext","createContext","useMenuContext","useContext","Menu","onChange","level","iconSpacing","value","handleClick","key","menuItemFactory","Base","defaultProps","itemKey","onClick","size","rest","ctxOnClick","e","_selected","CoreItem","Button.Button","ItemIcon","Button.Icon","ItemLink","Button.Link","Item"],"mappings":"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"}

package/dist/Keyboard-IWRXgioJ.js

@@ -0,0 +1,14 @@
+import { j as t } from "./jsx-runtime-NmMXPjeo.js";
+import { C as o } from "./css-5RvvUhjr.js";
+import { g as a } from "./Toggle-HVxv8bv2.js";
+const p = ({
+  className: r,
+  ...s
+}) => (
+  // @ts-expect-error
+  /* @__PURE__ */ t.jsx(a, { className: o(r, o.BM("text", "keyboard")), ...s })
+);
+export {
+  p as K
+};
+//# sourceMappingURL=Keyboard-IWRXgioJ.js.map

package/dist/{Keyboard-mE03PKwA.js.map → Keyboard-IWRXgioJ.js.map}

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

package/dist/Keyboard-bXNOi0bP.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("./jsx-runtime-evvPGacs.cjs"),e=require("./css-s9KpanYu.cjs"),o=require("./Toggle-QnKinMl4.cjs"),c=({className:s,...t})=>r.jsxRuntimeExports.jsx(o.Text,{className:e.CSS(s,e.CSS.BM("text","keyboard")),...t});exports.Keyboard=c;
+//# sourceMappingURL=Keyboard-bXNOi0bP.cjs.map

package/dist/{Keyboard-w372197S.cjs.map → Keyboard-bXNOi0bP.cjs.map}

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

package/dist/Link-16dbGK7G.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("./jsx-runtime-evvPGacs.cjs"),r=require("./Toggle-QnKinMl4.cjs"),s=({href:t,target:i,...e})=>n.jsxRuntimeExports.jsx(r.Button,{el:"a",href:t,...e});exports.Link=s;
+//# sourceMappingURL=Link-16dbGK7G.cjs.map

package/dist/{Link-xlTZan29.cjs.map → Link-16dbGK7G.cjs.map}

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

package/dist/Link-fRQvqiYx.js

@@ -0,0 +1,11 @@
+import { j as o } from "./jsx-runtime-NmMXPjeo.js";
+import { B as s } from "./Toggle-HVxv8bv2.js";
+const n = ({
+  href: t,
+  target: a,
+  ...r
+}) => /* @__PURE__ */ o.jsx(s, { el: "a", href: t, ...r });
+export {
+  n as L
+};
+//# sourceMappingURL=Link-fRQvqiYx.js.map

package/dist/{Link-laNlv47N.js.map → Link-fRQvqiYx.js.map}

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

package/dist/SelectLevel-DrdlLBOs.cjs

@@ -0,0 +1,2 @@
+"use strict";const x=require("./jsx-runtime-evvPGacs.cjs"),p=require("./Toggle-QnKinMl4.cjs"),B=require("./Center-ER_owvfX.cjs"),j=require("react"),b=require("./css-s9KpanYu.cjs");require("./component-dgLAEMbt.cjs");const m=({data:t=[],value:e=[],allowMultiple:c=!0,allowNone:i=!0,replaceOnSingle:h=!1,onChange:o})=>{const u=j.useRef(null),S=p.useHeldRef({triggers:[["Shift"]],loose:!0}),k=j.useCallback(n=>{let r=[];const R=u.current;if(!c)r=e.includes(n)?[]:[n];else if(S.current.held&&R!==null){const[f,y]=[t.findIndex(l=>l.key===n),t.findIndex(l=>l.key===R)].sort((l,g)=>l-g),d=t.slice(f,y+1).map(({key:l})=>l);d.slice(1,d.length-1).every(l=>e.includes(l))&&e.includes(n)?r=e.filter(l=>!d.includes(l)):r=[...e,...d],u.current=null}else u.current=n,h?r=e.includes(n)&&e.length===1?[]:[n]:e.includes(n)?r=e.filter(f=>f!==n):r=[...e,n];const a=b.unique(r);!i&&a.length===0||(a.length===0&&(u.current=null),o(b.unique(r),{entries:t.filter(({key:f})=>r.includes(f)),clicked:n}))},[o,e,t,c]),s=j.useCallback(()=>o([],{entries:[],clicked:null}),[o]);return{onSelect:k,clear:s}},q=({children:t=E,value:e,onChange:c,entryRenderKey:i="key",allowNone:h=!1,allowMultiple:o=!1,data:u,...S})=>{const{onSelect:k}=m({allowMultiple:o,allowNone:h,data:u,value:[e],onChange:([s])=>c(s)});return x.jsxRuntimeExports.jsx(B.Pack,{...S,children:u.map(s=>t({key:s.key,onClick:()=>k(s.key),selected:s.key===e,entry:s,title:s[i]}))})},E=({key:t,onClick:e,selected:c,title:i})=>x.jsxRuntimeExports.jsx(p.Button,{onClick:e,variant:c?"filled":"outlined",children:i},t),L=[{key:"h2",label:"XL"},{key:"h3",label:"L"},{key:"h4",label:"M"},{key:"p",label:"S"},{key:"small",label:"XS"}],A=({key:t,entry:e,onClick:c,selected:i})=>x.jsxRuntimeExports.jsx(p.Button,{variant:i?"filled":"outlined",onClick:c,children:e.label},t),C=({children:t=A,...e})=>x.jsxRuntimeExports.jsx(q,{...e,data:L,children:t});exports.Button=q;exports.SelectLevel=C;exports.useSelectMultiple=m;
+//# sourceMappingURL=SelectLevel-DrdlLBOs.cjs.map

package/dist/{SelectLevel-bGb0dRXh.cjs.map → SelectLevel-DrdlLBOs.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectLevel-bGb0dRXh.cjs","sources":["../src/hooks/useSelectMultiple.ts","../src/select/Button.tsx","../src/text/SelectLevel.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 { useCallback, useRef } from \"react\";\n\nimport { type Key, type KeyedRecord, unique } from \"@synnaxlabs/x\";\n\nimport { Triggers } from \"@/triggers\";\n\n/**\n * Extra information passed as an additional argument to the `onChange` callback.\n * of the {@link useSelectMultiple} hook.\n */\nexport interface UseSelectMultipleOnChangeExtra<\n  K extends Key = Key,\n  E extends KeyedRecord<K, E> = KeyedRecord<K>,\n> {\n  /** The key of the entry that was last clicked. */\n  clicked: K | null;\n  /** The entries that are currently selected. */\n  entries: E[];\n}\n\n/** Props for the {@link useSelectMultiple} hook. */\nexport interface UseSelectMultipleProps<\n  K extends Key = Key,\n  E extends KeyedRecord<K, E> = KeyedRecord<K>,\n> {\n  data: E[];\n  allowMultiple?: boolean;\n  allowNone?: boolean;\n  replaceOnSingle?: boolean;\n  value: K[];\n  onChange: (next: K[], extra: UseSelectMultipleOnChangeExtra<K, E>) => void;\n}\n\n/** Return value for the {@link useSelectMultiple} hook. */\nexport interface UseSelectMultipleReturn<\n  K extends Key = Key,\n  E extends KeyedRecord<K, E> = KeyedRecord<K>,\n> {\n  onSelect: (key: K) => void;\n  clear: () => void;\n}\n\n/**\n * Implements generic multiple selection over a collection of keyed records. The hook\n * does not maintain internal selection state, but instead relies on the `value` and\n * `onChange` props to manage the selection state. This allows the hook to be used\n * with any selection state implementation, such as a React state hook or a Redux\n * store.\n *\n * The hook also supports shift-selection of a range. This means that the data passed in\n * must be in the same order/cardinality as the data that is displayed.\n *\n * It's important to note that the hook implements the InputControl interface, which\n *  means that it can be used as a controlled input in a form.\n *\n * @param props - The props for the hook.\n * @param props.data - The data to select from.\n * @param props.value - The current selection state.\n * @param props.onChange - The callback to invoke when the selection state changes.\n * @param props.allowMultiple - Whether to allow multiple selections.\n *\n * @returns transform - A transform that can be used to add a `selected` property to\n * each record in the data.\n * @returns onSelect - A callback that can be used to select a record. This should\n * probably be passed to the `onClick` corresponding to each record.\n * @returns clear - A callback that can be used to clear the selection.\n */\nexport const useSelectMultiple = <\n  K extends Key = Key,\n  E extends KeyedRecord<K, E> = KeyedRecord<K>,\n>({\n  data = [],\n  value = [],\n  allowMultiple = true,\n  allowNone = true,\n  replaceOnSingle = false,\n  onChange,\n}: UseSelectMultipleProps<K, E>): UseSelectMultipleReturn<K, E> => {\n  const shiftValueRef = useRef<K | null>(null);\n  const shift = Triggers.useHeldRef({ triggers: [[\"Shift\"]], loose: true });\n\n  const handleSelect = useCallback(\n    (key: K): void => {\n      let nextSelected: K[] = [];\n      const shiftValue = shiftValueRef.current;\n      if (!allowMultiple) {\n        nextSelected = value.includes(key) ? [] : [key];\n      } else if (shift.current.held && shiftValue !== null) {\n        // We might select in reverse order, so we need to sort the indexes.\n        const [start, end] = [\n          data.findIndex((v) => v.key === key),\n          data.findIndex((v) => v.key === shiftValue),\n        ].sort((a, b) => a - b);\n        const nextKeys = data.slice(start, end + 1).map(({ key }) => key);\n        // We already deselect the shiftSelected key, so we don't included it\n        // when checking whether to select or deselect the entire range.\n        if (\n          nextKeys.slice(1, nextKeys.length - 1).every((k) => value.includes(k)) &&\n          value.includes(key)\n        )\n          nextSelected = value.filter((k) => !nextKeys.includes(k));\n        else nextSelected = [...value, ...nextKeys];\n        shiftValueRef.current = null;\n      } else {\n        shiftValueRef.current = key;\n        if (replaceOnSingle)\n          nextSelected = value.includes(key) && value.length === 1 ? [] : [key];\n        else if (value.includes(key)) nextSelected = value.filter((k) => k !== key);\n        else nextSelected = [...value, key];\n      }\n      const v = unique(nextSelected);\n      if (!allowNone && v.length === 0) return;\n      if (v.length === 0) shiftValueRef.current = null;\n      onChange(unique(nextSelected), {\n        entries: data.filter(({ key }) => nextSelected.includes(key)),\n        clicked: key,\n      });\n    },\n    [onChange, value, data, allowMultiple],\n  );\n\n  const clear = useCallback(\n    (): void => onChange([], { entries: [], clicked: null }),\n    [onChange],\n  );\n\n  return { onSelect: handleSelect, clear };\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 Key, type KeyedRenderableRecord } from \"@synnaxlabs/x\";\n\nimport { Align } from \"@/align\";\nimport { Button as CoreButton } from \"@/button\";\nimport {\n  type UseSelectMultipleProps,\n  useSelectMultiple,\n} from \"@/hooks/useSelectMultiple\";\nimport { type Input } from \"@/input\";\nimport { type RenderProp } from \"@/util/renderProp\";\n\nexport interface ButtonOptionProps<\n  K extends Key = Key,\n  E extends KeyedRenderableRecord<K, E> = KeyedRenderableRecord<K>,\n> extends Pick<CoreButton.ButtonProps, \"onClick\"> {\n  key: K;\n  selected: boolean;\n  entry: E;\n  title: E[keyof E];\n}\n\nexport interface ButtonProps<\n  K extends Key = Key,\n  E extends KeyedRenderableRecord<K, E> = KeyedRenderableRecord<K>,\n> extends Input.Control<K>,\n    Omit<Align.PackProps, \"children\" | \"onChange\">,\n    Pick<UseSelectMultipleProps, \"allowNone\" | \"allowMultiple\"> {\n  children?: RenderProp<ButtonOptionProps<K, E>>;\n  entryRenderKey?: keyof E;\n  data: E[];\n}\n\nexport const Button = <\n  K extends Key = Key,\n  E extends KeyedRenderableRecord<K, E> = KeyedRenderableRecord<K>,\n>({\n  children = defaultSelectButtonOption,\n  value,\n  onChange,\n  entryRenderKey = \"key\",\n  allowNone = false,\n  allowMultiple = false,\n  data,\n  ...props\n}: ButtonProps<K, E>): JSX.Element => {\n  const { onSelect } = useSelectMultiple({\n    allowMultiple,\n    allowNone,\n    data,\n    value: [value],\n    onChange: ([v]) => onChange(v),\n  });\n\n  return (\n    <Align.Pack {...props}>\n      {data.map((e) => {\n        return children({\n          key: e.key,\n          onClick: () => onSelect(e.key),\n          selected: e.key === value,\n          entry: e,\n          title: e[entryRenderKey],\n        });\n      })}\n    </Align.Pack>\n  );\n};\n\nconst defaultSelectButtonOption = <\n  K extends Key = Key,\n  E extends KeyedRenderableRecord<K, E> = KeyedRenderableRecord<K>,\n>({\n  key,\n  onClick,\n  selected,\n  title,\n}: ButtonOptionProps<K, E>): JSX.Element => {\n  return (\n    <CoreButton.Button\n      key={key}\n      onClick={onClick}\n      variant={selected ? \"filled\" : \"outlined\"}\n    >\n      {title}\n    </CoreButton.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 { Button as CoreButton } from \"@/button\";\nimport { Button, type ButtonOptionProps, type ButtonProps } from \"@/select/Button\";\nimport { type Level } from \"@/text/types\";\n\ninterface Entry {\n  key: Level;\n  label: string;\n}\n\nexport interface SelectLevelProps\n  extends Omit<ButtonProps<Level, Entry>, \"data\" | \"entryRenderKey\"> {}\n\nconst DATA: Entry[] = [\n  {\n    key: \"h2\",\n    label: \"XL\",\n  },\n  {\n    key: \"h3\",\n    label: \"L\",\n  },\n  {\n    key: \"h4\",\n    label: \"M\",\n  },\n  {\n    key: \"p\",\n    label: \"S\",\n  },\n  {\n    key: \"small\",\n    label: \"XS\",\n  },\n];\n\nconst defaultSelectDirectionButton = ({\n  key,\n  entry,\n  onClick,\n  selected,\n}: ButtonOptionProps<Level, Entry>): ReactElement => {\n  return (\n    <CoreButton.Button\n      key={key}\n      variant={selected ? \"filled\" : \"outlined\"}\n      onClick={onClick}\n    >\n      {entry.label}\n    </CoreButton.Button>\n  );\n};\n\nexport const SelectLevel = ({\n  children = defaultSelectDirectionButton,\n  ...props\n}: SelectLevelProps): ReactElement => {\n  return (\n    <Button {...props} data={DATA}>\n      {children}\n    </Button>\n  );\n};\n"],"names":["useRef","Triggers.useHeldRef","useCallback","v","key","unique","jsx","Align.Pack","CoreButton.Button"],"mappings":"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"}
+{"version":3,"file":"SelectLevel-DrdlLBOs.cjs","sources":["../src/hooks/useSelectMultiple.ts","../src/select/Button.tsx","../src/text/SelectLevel.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 { useCallback, useRef } from \"react\";\n\nimport { type Key, type KeyedRecord, unique } from \"@synnaxlabs/x\";\n\nimport { Triggers } from \"@/triggers\";\n\n/**\n * Extra information passed as an additional argument to the `onChange` callback.\n * of the {@link useSelectMultiple} hook.\n */\nexport interface UseSelectMultipleOnChangeExtra<\n  K extends Key = Key,\n  E extends KeyedRecord<K, E> = KeyedRecord<K>,\n> {\n  /** The key of the entry that was last clicked. */\n  clicked: K | null;\n  /** The entries that are currently selected. */\n  entries: E[];\n}\n\n/** Props for the {@link useSelectMultiple} hook. */\nexport interface UseSelectMultipleProps<\n  K extends Key = Key,\n  E extends KeyedRecord<K, E> = KeyedRecord<K>,\n> {\n  data: E[];\n  allowMultiple?: boolean;\n  allowNone?: boolean;\n  replaceOnSingle?: boolean;\n  value: K[];\n  onChange: (next: K[], extra: UseSelectMultipleOnChangeExtra<K, E>) => void;\n}\n\n/** Return value for the {@link useSelectMultiple} hook. */\nexport interface UseSelectMultipleReturn<\n  K extends Key = Key,\n  E extends KeyedRecord<K, E> = KeyedRecord<K>,\n> {\n  onSelect: (key: K) => void;\n  clear: () => void;\n}\n\n/**\n * Implements generic multiple selection over a collection of keyed records. The hook\n * does not maintain internal selection state, but instead relies on the `value` and\n * `onChange` props to manage the selection state. This allows the hook to be used\n * with any selection state implementation, such as a React state hook or a Redux\n * store.\n *\n * The hook also supports shift-selection of a range. This means that the data passed in\n * must be in the same order/cardinality as the data that is displayed.\n *\n * It's important to note that the hook implements the InputControl interface, which\n *  means that it can be used as a controlled input in a form.\n *\n * @param props - The props for the hook.\n * @param props.data - The data to select from.\n * @param props.value - The current selection state.\n * @param props.onChange - The callback to invoke when the selection state changes.\n * @param props.allowMultiple - Whether to allow multiple selections.\n *\n * @returns transform - A transform that can be used to add a `selected` property to\n * each record in the data.\n * @returns onSelect - A callback that can be used to select a record. This should\n * probably be passed to the `onClick` corresponding to each record.\n * @returns clear - A callback that can be used to clear the selection.\n */\nexport const useSelectMultiple = <\n  K extends Key = Key,\n  E extends KeyedRecord<K, E> = KeyedRecord<K>,\n>({\n  data = [],\n  value = [],\n  allowMultiple = true,\n  allowNone = true,\n  replaceOnSingle = false,\n  onChange,\n}: UseSelectMultipleProps<K, E>): UseSelectMultipleReturn<K, E> => {\n  const shiftValueRef = useRef<K | null>(null);\n  const shift = Triggers.useHeldRef({ triggers: [[\"Shift\"]], loose: true });\n\n  const handleSelect = useCallback(\n    (key: K): void => {\n      let nextSelected: K[] = [];\n      const shiftValue = shiftValueRef.current;\n      if (!allowMultiple) {\n        nextSelected = value.includes(key) ? [] : [key];\n      } else if (shift.current.held && shiftValue !== null) {\n        // We might select in reverse order, so we need to sort the indexes.\n        const [start, end] = [\n          data.findIndex((v) => v.key === key),\n          data.findIndex((v) => v.key === shiftValue),\n        ].sort((a, b) => a - b);\n        const nextKeys = data.slice(start, end + 1).map(({ key }) => key);\n        // We already deselect the shiftSelected key, so we don't included it\n        // when checking whether to select or deselect the entire range.\n        if (\n          nextKeys.slice(1, nextKeys.length - 1).every((k) => value.includes(k)) &&\n          value.includes(key)\n        )\n          nextSelected = value.filter((k) => !nextKeys.includes(k));\n        else nextSelected = [...value, ...nextKeys];\n        shiftValueRef.current = null;\n      } else {\n        shiftValueRef.current = key;\n        if (replaceOnSingle)\n          nextSelected = value.includes(key) && value.length === 1 ? [] : [key];\n        else if (value.includes(key)) nextSelected = value.filter((k) => k !== key);\n        else nextSelected = [...value, key];\n      }\n      const v = unique(nextSelected);\n      if (!allowNone && v.length === 0) return;\n      if (v.length === 0) shiftValueRef.current = null;\n      onChange(unique(nextSelected), {\n        entries: data.filter(({ key }) => nextSelected.includes(key)),\n        clicked: key,\n      });\n    },\n    [onChange, value, data, allowMultiple],\n  );\n\n  const clear = useCallback(\n    (): void => onChange([], { entries: [], clicked: null }),\n    [onChange],\n  );\n\n  return { onSelect: handleSelect, clear };\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 Key, type KeyedRenderableRecord } from \"@synnaxlabs/x\";\n\nimport { Align } from \"@/align\";\nimport { Button as CoreButton } from \"@/button\";\nimport {\n  type UseSelectMultipleProps,\n  useSelectMultiple,\n} from \"@/hooks/useSelectMultiple\";\nimport { type Input } from \"@/input\";\nimport { type RenderProp } from \"@/util/renderProp\";\n\nexport interface ButtonOptionProps<\n  K extends Key = Key,\n  E extends KeyedRenderableRecord<K, E> = KeyedRenderableRecord<K>,\n> extends Pick<CoreButton.ButtonProps, \"onClick\"> {\n  key: K;\n  selected: boolean;\n  entry: E;\n  title: E[keyof E];\n}\n\nexport interface ButtonProps<\n  K extends Key = Key,\n  E extends KeyedRenderableRecord<K, E> = KeyedRenderableRecord<K>,\n> extends Input.Control<K>,\n    Omit<Align.PackProps, \"children\" | \"onChange\">,\n    Pick<UseSelectMultipleProps, \"allowNone\" | \"allowMultiple\"> {\n  children?: RenderProp<ButtonOptionProps<K, E>>;\n  entryRenderKey?: keyof E;\n  data: E[];\n}\n\nexport const Button = <\n  K extends Key = Key,\n  E extends KeyedRenderableRecord<K, E> = KeyedRenderableRecord<K>,\n>({\n  children = defaultSelectButtonOption,\n  value,\n  onChange,\n  entryRenderKey = \"key\",\n  allowNone = false,\n  allowMultiple = false,\n  data,\n  ...props\n}: ButtonProps<K, E>): JSX.Element => {\n  const { onSelect } = useSelectMultiple({\n    allowMultiple,\n    allowNone,\n    data,\n    value: [value],\n    onChange: ([v]) => onChange(v),\n  });\n\n  return (\n    <Align.Pack {...props}>\n      {data.map((e) => {\n        return children({\n          key: e.key,\n          onClick: () => onSelect(e.key),\n          selected: e.key === value,\n          entry: e,\n          title: e[entryRenderKey],\n        });\n      })}\n    </Align.Pack>\n  );\n};\n\nconst defaultSelectButtonOption = <\n  K extends Key = Key,\n  E extends KeyedRenderableRecord<K, E> = KeyedRenderableRecord<K>,\n>({\n  key,\n  onClick,\n  selected,\n  title,\n}: ButtonOptionProps<K, E>): JSX.Element => {\n  return (\n    <CoreButton.Button\n      key={key}\n      onClick={onClick}\n      variant={selected ? \"filled\" : \"outlined\"}\n    >\n      {title}\n    </CoreButton.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 { Button as CoreButton } from \"@/button\";\nimport { Button, type ButtonOptionProps, type ButtonProps } from \"@/select/Button\";\nimport { type Level } from \"@/text/types\";\n\ninterface Entry {\n  key: Level;\n  label: string;\n}\n\nexport interface SelectLevelProps\n  extends Omit<ButtonProps<Level, Entry>, \"data\" | \"entryRenderKey\"> {}\n\nconst DATA: Entry[] = [\n  {\n    key: \"h2\",\n    label: \"XL\",\n  },\n  {\n    key: \"h3\",\n    label: \"L\",\n  },\n  {\n    key: \"h4\",\n    label: \"M\",\n  },\n  {\n    key: \"p\",\n    label: \"S\",\n  },\n  {\n    key: \"small\",\n    label: \"XS\",\n  },\n];\n\nconst defaultSelectDirectionButton = ({\n  key,\n  entry,\n  onClick,\n  selected,\n}: ButtonOptionProps<Level, Entry>): ReactElement => {\n  return (\n    <CoreButton.Button\n      key={key}\n      variant={selected ? \"filled\" : \"outlined\"}\n      onClick={onClick}\n    >\n      {entry.label}\n    </CoreButton.Button>\n  );\n};\n\nexport const SelectLevel = ({\n  children = defaultSelectDirectionButton,\n  ...props\n}: SelectLevelProps): ReactElement => {\n  return (\n    <Button {...props} data={DATA}>\n      {children}\n    </Button>\n  );\n};\n"],"names":["useSelectMultiple","data","value","allowMultiple","allowNone","replaceOnSingle","onChange","shiftValueRef","useRef","shift","Triggers.useHeldRef","handleSelect","useCallback","key","nextSelected","shiftValue","start","end","v","a","b","nextKeys","k","unique","clear","Button","children","defaultSelectButtonOption","entryRenderKey","props","onSelect","jsx","Align.Pack","e","onClick","selected","title","CoreButton.Button","DATA","defaultSelectDirectionButton","entry","SelectLevel"],"mappings":"wNA4EO,MAAMA,EAAoB,CAG/B,CACA,KAAAC,EAAO,CAAC,EACR,MAAAC,EAAQ,CAAC,EACT,cAAAC,EAAgB,GAChB,UAAAC,EAAY,GACZ,gBAAAC,EAAkB,GAClB,SAAAC,CACF,IAAmE,CAC3D,MAAAC,EAAgBC,SAAiB,IAAI,EACrCC,EAAQC,aAAoB,CAAE,SAAU,CAAC,CAAC,OAAO,CAAC,EAAG,MAAO,EAAA,CAAM,EAElEC,EAAeC,EAAA,YAClBC,GAAiB,CAChB,IAAIC,EAAoB,CAAA,EACxB,MAAMC,EAAaR,EAAc,QACjC,GAAI,CAACJ,EACHW,EAAeZ,EAAM,SAASW,CAAG,EAAI,CAAC,EAAI,CAACA,CAAG,UACrCJ,EAAM,QAAQ,MAAQM,IAAe,KAAM,CAE9C,KAAA,CAACC,EAAOC,CAAG,EAAI,CACnBhB,EAAK,UAAWiB,GAAMA,EAAE,MAAQL,CAAG,EACnCZ,EAAK,UAAWiB,GAAMA,EAAE,MAAQH,CAAU,CAAA,EAC1C,KAAK,CAACI,EAAGC,IAAMD,EAAIC,CAAC,EAChBC,EAAWpB,EAAK,MAAMe,EAAOC,EAAM,CAAC,EAAE,IAAI,CAAC,CAAE,IAAAJ,KAAUA,CAAG,EAI9DQ,EAAS,MAAM,EAAGA,EAAS,OAAS,CAAC,EAAE,MAAOC,GAAMpB,EAAM,SAASoB,CAAC,CAAC,GACrEpB,EAAM,SAASW,CAAG,EAEHC,EAAAZ,EAAM,OAAQoB,GAAM,CAACD,EAAS,SAASC,CAAC,CAAC,EACrDR,EAAe,CAAC,GAAGZ,EAAO,GAAGmB,CAAQ,EAC1Cd,EAAc,QAAU,IAAA,MAExBA,EAAc,QAAUM,EACpBR,EACaS,EAAAZ,EAAM,SAASW,CAAG,GAAKX,EAAM,SAAW,EAAI,CAAA,EAAK,CAACW,CAAG,EAC7DX,EAAM,SAASW,CAAG,EAAGC,EAAeZ,EAAM,OAAQoB,GAAMA,IAAMT,CAAG,EACtDC,EAAA,CAAC,GAAGZ,EAAOW,CAAG,EAE9B,MAAAK,EAAIK,SAAOT,CAAY,EACzB,CAACV,GAAac,EAAE,SAAW,IAC3BA,EAAE,SAAW,IAAGX,EAAc,QAAU,MACnCD,EAAAiB,EAAAA,OAAOT,CAAY,EAAG,CAC7B,QAASb,EAAK,OAAO,CAAC,CAAE,IAAAY,CAAAA,IAAUC,EAAa,SAASD,CAAG,CAAC,EAC5D,QAASA,CAAA,CACV,EACH,EACA,CAACP,EAAUJ,EAAOD,EAAME,CAAa,CAAA,EAGjCqB,EAAQZ,EAAA,YACZ,IAAYN,EAAS,CAAA,EAAI,CAAE,QAAS,CAAA,EAAI,QAAS,KAAM,EACvD,CAACA,CAAQ,CAAA,EAGJ,MAAA,CAAE,SAAUK,EAAc,MAAAa,EACnC,EC/FaC,EAAS,CAGpB,CACA,SAAAC,EAAWC,EACX,MAAAzB,EACA,SAAAI,EACA,eAAAsB,EAAiB,MACjB,UAAAxB,EAAY,GACZ,cAAAD,EAAgB,GAChB,KAAAF,EACA,GAAG4B,CACL,IAAsC,CAC9B,KAAA,CAAE,SAAAC,CAAS,EAAI9B,EAAkB,CACrC,cAAAG,EACA,UAAAC,EACA,KAAAH,EACA,MAAO,CAACC,CAAK,EACb,SAAU,CAAC,CAACgB,CAAC,IAAMZ,EAASY,CAAC,CAAA,CAC9B,EAGC,OAAAa,EAAA,kBAAA,IAACC,EAAA,KAAA,CAAY,GAAGH,EACb,SAAA5B,EAAK,IAAKgC,GACFP,EAAS,CACd,IAAKO,EAAE,IACP,QAAS,IAAMH,EAASG,EAAE,GAAG,EAC7B,SAAUA,EAAE,MAAQ/B,EACpB,MAAO+B,EACP,MAAOA,EAAEL,CAAc,CAAA,CACxB,CACF,CACH,CAAA,CAEJ,EAEMD,EAA4B,CAGhC,CACA,IAAAd,EACA,QAAAqB,EACA,SAAAC,EACA,MAAAC,CACF,IAEIL,EAAA,kBAAA,IAACM,EAAW,OAAX,CAEC,QAAAH,EACA,QAASC,EAAW,SAAW,WAE9B,SAAAC,CAAA,EAJIvB,CAAA,ECjELyB,EAAgB,CACpB,CACE,IAAK,KACL,MAAO,IACT,EACA,CACE,IAAK,KACL,MAAO,GACT,EACA,CACE,IAAK,KACL,MAAO,GACT,EACA,CACE,IAAK,IACL,MAAO,GACT,EACA,CACE,IAAK,QACL,MAAO,IACT,CACF,EAEMC,EAA+B,CAAC,CACpC,IAAA1B,EACA,MAAA2B,EACA,QAAAN,EACA,SAAAC,CACF,IAEIJ,EAAA,kBAAA,IAACM,EAAW,OAAX,CAEC,QAASF,EAAW,SAAW,WAC/B,QAAAD,EAEC,SAAMM,EAAA,KAAA,EAJF3B,CAAA,EASE4B,EAAc,CAAC,CAC1B,SAAAf,EAAWa,EACX,GAAGV,CACL,4BAEKJ,EAAQ,CAAA,GAAGI,EAAO,KAAMS,EACtB,SAAAZ,CACH,CAAA"}

package/dist/SelectLevel-Uod3Ez6y.js

@@ -0,0 +1,121 @@
+import { j as m } from "./jsx-runtime-NmMXPjeo.js";
+import { a7 as g, B as y } from "./Toggle-HVxv8bv2.js";
+import { P as R } from "./Center-8mBjm1cO.js";
+import { useRef as L, useCallback as k } from "react";
+import { u as b } from "./css-5RvvUhjr.js";
+import "./component-LA8IXGSG.js";
+const A = ({
+  data: t = [],
+  value: e = [],
+  allowMultiple: i = !0,
+  allowNone: c = !0,
+  replaceOnSingle: a = !1,
+  onChange: u
+}) => {
+  const o = L(null), h = g({ triggers: [["Shift"]], loose: !0 }), p = k(
+    (l) => {
+      let r = [];
+      const S = o.current;
+      if (!i)
+        r = e.includes(l) ? [] : [l];
+      else if (h.current.held && S !== null) {
+        const [f, j] = [
+          t.findIndex((n) => n.key === l),
+          t.findIndex((n) => n.key === S)
+        ].sort((n, B) => n - B), d = t.slice(f, j + 1).map(({ key: n }) => n);
+        d.slice(1, d.length - 1).every((n) => e.includes(n)) && e.includes(l) ? r = e.filter((n) => !d.includes(n)) : r = [...e, ...d], o.current = null;
+      } else
+        o.current = l, a ? r = e.includes(l) && e.length === 1 ? [] : [l] : e.includes(l) ? r = e.filter((f) => f !== l) : r = [...e, l];
+      const x = b(r);
+      !c && x.length === 0 || (x.length === 0 && (o.current = null), u(b(r), {
+        entries: t.filter(({ key: f }) => r.includes(f)),
+        clicked: l
+      }));
+    },
+    [u, e, t, i]
+  ), s = k(
+    () => u([], { entries: [], clicked: null }),
+    [u]
+  );
+  return { onSelect: p, clear: s };
+}, D = ({
+  children: t = I,
+  value: e,
+  onChange: i,
+  entryRenderKey: c = "key",
+  allowNone: a = !1,
+  allowMultiple: u = !1,
+  data: o,
+  ...h
+}) => {
+  const { onSelect: p } = A({
+    allowMultiple: u,
+    allowNone: a,
+    data: o,
+    value: [e],
+    onChange: ([s]) => i(s)
+  });
+  return /* @__PURE__ */ m.jsx(R, { ...h, children: o.map((s) => t({
+    key: s.key,
+    onClick: () => p(s.key),
+    selected: s.key === e,
+    entry: s,
+    title: s[c]
+  })) });
+}, I = ({
+  key: t,
+  onClick: e,
+  selected: i,
+  title: c
+}) => /* @__PURE__ */ m.jsx(
+  y,
+  {
+    onClick: e,
+    variant: i ? "filled" : "outlined",
+    children: c
+  },
+  t
+), P = [
+  {
+    key: "h2",
+    label: "XL"
+  },
+  {
+    key: "h3",
+    label: "L"
+  },
+  {
+    key: "h4",
+    label: "M"
+  },
+  {
+    key: "p",
+    label: "S"
+  },
+  {
+    key: "small",
+    label: "XS"
+  }
+], V = ({
+  key: t,
+  entry: e,
+  onClick: i,
+  selected: c
+}) => /* @__PURE__ */ m.jsx(
+  y,
+  {
+    variant: c ? "filled" : "outlined",
+    onClick: i,
+    children: e.label
+  },
+  t
+), O = ({
+  children: t = V,
+  ...e
+}) => /* @__PURE__ */ m.jsx(D, { ...e, data: P, children: t });
+export {
+  D as B,
+  O as S,
+  A as u
+};
+//# sourceMappingURL=SelectLevel-Uod3Ez6y.js.map