@synnaxlabs/pluto 0.21.7 → 0.21.9

package/dist/{Center-hbwH7rg9.js → Center-BK9Rcaa0.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-mMz73N64.js";
 import { forwardRef, createElement } from "react";
-import { d as f, C as CSS } from "./css-DoalWJF6.js";
+import { d as f, C as CSS } from "./css-DKKmdhSr.js";
 const CoreElement = ({ el, children, ...props }, ref) => createElement(el, { ...props, ref }, children);
 const Element = forwardRef(CoreElement);
 const Generic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -146,4 +146,4 @@ export {
   CoreCenter as a,
   shouldReverse as s
 };
-//# sourceMappingURL=Center-hbwH7rg9.js.map
+//# sourceMappingURL=Center-BK9Rcaa0.js.map

package/dist/{Center-hbwH7rg9.js.map → Center-BK9Rcaa0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Center-hbwH7rg9.js","sources":["../src/generic/Generic.tsx","../src/align/Space.tsx","../src/align/Pack.tsx","../src/align/Center.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 ComponentPropsWithRef,\n  createElement,\n  type ForwardedRef,\n  forwardRef,\n  type ReactElement,\n} from \"react\";\n\nexport type JSXElementType = keyof JSX.IntrinsicElements;\n\nconst CoreElement = <E extends JSXElementType>(\n  { el, children, ...props }: ElementProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => createElement(el, { ...props, ref }, children);\n\nexport type ElementProps<E extends JSXElementType> = ComponentPropsWithRef<E> & {\n  el: E;\n};\n\n/**\n * Generic renders a component with the given element type .\n *\n * @param props - Props for the generic component. All props not defined below are passed to\n * the underlying element.\n * @param props.el - The element type to render.\n */\nexport const Element = forwardRef(CoreElement) as <E extends JSXElementType>(\n  props: ElementProps<E>,\n) => ReactElement;\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 CSSProperties,\n  type ForwardedRef,\n  type ReactElement,\n  forwardRef,\n} from \"react\";\n\nimport { direction } from \"@synnaxlabs/x/spatial\";\n\nimport { CSS } from \"@/css\";\nimport { Generic } from \"@/generic\";\nimport { type ComponentSize } from \"@/util/component\";\n\nimport \"@/align/Space.css\";\n\n/** All possible alignments for the cross axis of a space */\nexport const ALIGNMENTS = [\"start\", \"center\", \"end\", \"stretch\"] as const;\n\n/** The alignments for the cross axis of a space */\nexport type Alignment = (typeof ALIGNMENTS)[number];\n\n/** All possible justifications for the main axis of a space */\nexport const JUSTIFICATIONS = [\n  \"start\",\n  \"center\",\n  \"end\",\n  \"spaceBetween\",\n  \"spaceAround\",\n  \"spaceEvenly\",\n] as const;\n\n/** The justification for the main axis of a space */\nexport type Justification = (typeof JUSTIFICATIONS)[number];\n\nexport type SpaceElementType =\n  | \"div\"\n  | \"header\"\n  | \"nav\"\n  | \"section\"\n  | \"article\"\n  | \"aside\"\n  | \"footer\"\n  | \"button\"\n  | \"dialog\"\n  | \"a\"\n  | \"form\";\n\nexport interface SpaceExtensionProps {\n  empty?: boolean;\n  size?: ComponentSize | number;\n  direction?: direction.Crude;\n  reverse?: boolean;\n  justify?: Justification;\n  align?: Alignment;\n  grow?: boolean | number;\n  shrink?: boolean | number;\n  wrap?: boolean;\n  el?: SpaceElementType;\n  bordered?: boolean;\n  rounded?: boolean;\n}\n\nexport type SpaceProps<E extends SpaceElementType = \"div\"> = Omit<\n  Generic.ElementProps<E>,\n  \"el\"\n> &\n  SpaceExtensionProps;\n\nexport const shouldReverse = (direction: direction.Crude, reverse?: boolean): boolean =>\n  reverse ?? (direction === \"right\" || direction === \"bottom\");\n\nconst CoreSpace = <E extends SpaceElementType>(\n  {\n    style,\n    align,\n    className,\n    grow,\n    shrink,\n    empty = false,\n    size = \"medium\",\n    justify = \"start\",\n    reverse,\n    direction: direction_ = \"y\",\n    wrap = false,\n    bordered = false,\n    rounded = false,\n    el = \"div\",\n    ...props\n  }: SpaceProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => {\n  const dir = direction.construct(direction_);\n  reverse = shouldReverse(direction_, reverse);\n\n  let gap: number | string | undefined;\n  if (empty) [size, gap] = [0, 0];\n  else if (typeof size === \"number\") gap = `${size}rem`;\n\n  style = {\n    gap,\n    flexDirection: flexDirection(dir, reverse),\n    justifyContent: justifications[justify],\n    alignItems: align,\n    flexWrap: wrap ? \"wrap\" : \"nowrap\",\n    ...style,\n  };\n\n  if (grow != null) style.flexGrow = Number(grow);\n  if (shrink != null) style.flexShrink = Number(shrink);\n\n  return (\n    // @ts-expect-error - TODO: fix generic element props\n    <Generic.Element<E>\n      el={el}\n      ref={ref}\n      className={CSS(\n        CSS.B(\"space\"),\n        CSS.dir(dir),\n        CSS.bordered(bordered),\n        CSS.rounded(rounded),\n        typeof size === \"string\" && CSS.BM(\"space\", size),\n        className,\n      )}\n      style={style}\n      {...props}\n    />\n  );\n};\nCoreSpace.displayName = \"Space\";\n\n/**\n * A component that orients its children in a row or column and adds\n * space between them. This is essentially a thin wrapped around a\n * flex component that makes it more 'reacty' to use.\n *\n * @param props - The props for the component. All unlisted props will be passed\n * to the underlying root element.\n * @param props.align - The off axis alignment of the children. The 'off' axis is the\n * opposite direction of props.direction. For example, if direction is 'x', then the\n * off axis is 'y'. See the {@link Alignment} for available options.\n * @param props.justify - The main axis justification of the children. The 'main' axis\n * is the same direction as props.direction. For example, if direction is 'x', then the\n * main axis is 'x'. See the {@link Justification} for available options.\n * @param props.grow - A boolean or number value that determines if the space should\n * grow in the flex-box sense. A value of true will set css flex-grow to 1. A value of\n * false will leave the css flex-grow unset. A number value will set the css flex-grow\n * to that number.\n * @param props.size - A string or number value that determines the amount of spacing\n * between items. If set to \"small\", \"medium\", or \"large\", the spacing will be determined\n * by the theme. If set to a number, the spacing will be that number of rem.\n * @param props.wrap - A boolean value that determines if the space should wrap its\n * children.\n * @param props.el - The element type to render as. Defaults to 'div'.\n */\nexport const Space = forwardRef(CoreSpace) as <E extends SpaceElementType = \"div\">(\n  props: SpaceProps<E>,\n) => ReactElement;\n\ntype FlexDirection = CSSProperties[\"flexDirection\"];\n\nconst flexDirection = (\n  direction: direction.Direction,\n  reverse: boolean,\n): FlexDirection => {\n  const base = direction === \"x\" ? \"row\" : \"column\";\n  return reverse ? ((base + \"-reverse\") as FlexDirection) : base;\n};\n\nconst justifications: Record<Justification, CSSProperties[\"justifyContent\"]> = {\n  start: \"flex-start\",\n  center: \"center\",\n  end: \"flex-end\",\n  spaceBetween: \"space-between\",\n  spaceAround: \"space-around\",\n  spaceEvenly: \"space-evenly\",\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 ForwardedRef, type ReactElement, forwardRef } from \"react\";\n\nimport { Space, type SpaceElementType, type SpaceProps } from \"@/align/Space\";\nimport { CSS } from \"@/css\";\n\nimport \"@/align/Pack.css\";\n\n/** Props for the {@link Pack} component. */\nexport type PackProps<E extends SpaceElementType = \"div\"> = Omit<\n  SpaceProps<E>,\n  \"empty\"\n> & {\n  shadow?: boolean;\n};\n\nconst CorePack = <E extends SpaceElementType = \"div\">(\n  {\n    className,\n    size = \"medium\",\n    reverse = false,\n    direction = \"x\",\n    bordered = true,\n    rounded = true,\n    shadow = false,\n    ...props\n  }: PackProps<E>,\n  // select the correct type for the ref\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => (\n  // @ts-expect-error\n  <Space<E>\n    ref={ref}\n    direction={direction}\n    reverse={reverse}\n    className={CSS(\n      CSS.B(\"pack\"),\n      shadow && CSS.BM(\"pack\", \"shadow\"),\n      CSS.dir(direction),\n      typeof size !== \"number\" && CSS.BM(\"pack\", size),\n      reverse && CSS.BM(\"pack\", \"reverse\"),\n      className,\n    )}\n    bordered={bordered}\n    rounded={rounded}\n    {...props}\n    empty\n  />\n);\n\n/**\n * Packs elements together, setting their size and styling the borders between them so\n * that they appear as a single element. This is useful for buttons that represent a\n * selection state, for example.\n *\n * @param props - The props for the pack. Any extra props will be passed to the\n * underlying Space component.\n * @param props.children - The children to pack together. These must satisfy the\n * {@link PackChildProps} interface.\n * @param props.direction - The direction to pack the children in. Defaults to\n * \"x\".\n * @param props.size - The size to set on the children. Any sizes already set on the\n * children will be overridden. Defaults to \"medium\".\n * @param props.el  - The element type to use as the root element for the Pack.\n * Defaults to \"div\".\n */\nexport const Pack = forwardRef(CorePack) as <E extends SpaceElementType = \"div\">(\n  props: PackProps<E>,\n) => ReactElement;\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 ForwardedRef, type ReactElement, forwardRef } from \"react\";\n\nimport { Space, type SpaceElementType, type SpaceProps } from \"@/align/Space\";\nimport { CSS } from \"@/css\";\n\nimport \"@/align/Center.css\";\n\nexport const CoreCenter = <E extends SpaceElementType = \"div\">(\n  { className, justify = \"center\", align = \"center\", ...props }: SpaceProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => (\n  // @ts-expect-error\n  <Space<E>\n    ref={ref}\n    justify={justify}\n    align={align}\n    className={CSS(CSS.BM(\"space\", \"centered\"), className)}\n    {...props}\n  />\n);\n\n/**\n * An element whose width and height is 100% and whose alignment and justification\n * is centered. Props are the same as {@link Space}.\n */\nexport const Center = forwardRef(CoreCenter) as <E extends SpaceElementType = \"div\">(\n  props: SpaceProps<E>,\n) => ReactElement;\n"],"names":["direction","jsx","Generic.Element"],"mappings":"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"}
+{"version":3,"file":"Center-BK9Rcaa0.js","sources":["../src/generic/Generic.tsx","../src/align/Space.tsx","../src/align/Pack.tsx","../src/align/Center.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 ComponentPropsWithRef,\n  createElement,\n  type ForwardedRef,\n  forwardRef,\n  type ReactElement,\n} from \"react\";\n\nexport type JSXElementType = keyof JSX.IntrinsicElements;\n\nconst CoreElement = <E extends JSXElementType>(\n  { el, children, ...props }: ElementProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => createElement(el, { ...props, ref }, children);\n\nexport type ElementProps<E extends JSXElementType> = ComponentPropsWithRef<E> & {\n  el: E;\n};\n\n/**\n * Generic renders a component with the given element type .\n *\n * @param props - Props for the generic component. All props not defined below are passed to\n * the underlying element.\n * @param props.el - The element type to render.\n */\nexport const Element = forwardRef(CoreElement) as <E extends JSXElementType>(\n  props: ElementProps<E>,\n) => ReactElement;\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 CSSProperties,\n  type ForwardedRef,\n  type ReactElement,\n  forwardRef,\n} from \"react\";\n\nimport { direction } from \"@synnaxlabs/x/spatial\";\n\nimport { CSS } from \"@/css\";\nimport { Generic } from \"@/generic\";\nimport { type ComponentSize } from \"@/util/component\";\n\nimport \"@/align/Space.css\";\n\n/** All possible alignments for the cross axis of a space */\nexport const ALIGNMENTS = [\"start\", \"center\", \"end\", \"stretch\"] as const;\n\n/** The alignments for the cross axis of a space */\nexport type Alignment = (typeof ALIGNMENTS)[number];\n\n/** All possible justifications for the main axis of a space */\nexport const JUSTIFICATIONS = [\n  \"start\",\n  \"center\",\n  \"end\",\n  \"spaceBetween\",\n  \"spaceAround\",\n  \"spaceEvenly\",\n] as const;\n\n/** The justification for the main axis of a space */\nexport type Justification = (typeof JUSTIFICATIONS)[number];\n\nexport type SpaceElementType =\n  | \"div\"\n  | \"header\"\n  | \"nav\"\n  | \"section\"\n  | \"article\"\n  | \"aside\"\n  | \"footer\"\n  | \"button\"\n  | \"dialog\"\n  | \"a\"\n  | \"form\";\n\nexport interface SpaceExtensionProps {\n  empty?: boolean;\n  size?: ComponentSize | number;\n  direction?: direction.Crude;\n  reverse?: boolean;\n  justify?: Justification;\n  align?: Alignment;\n  grow?: boolean | number;\n  shrink?: boolean | number;\n  wrap?: boolean;\n  el?: SpaceElementType;\n  bordered?: boolean;\n  rounded?: boolean;\n}\n\nexport type SpaceProps<E extends SpaceElementType = \"div\"> = Omit<\n  Generic.ElementProps<E>,\n  \"el\"\n> &\n  SpaceExtensionProps;\n\nexport const shouldReverse = (direction: direction.Crude, reverse?: boolean): boolean =>\n  reverse ?? (direction === \"right\" || direction === \"bottom\");\n\nconst CoreSpace = <E extends SpaceElementType>(\n  {\n    style,\n    align,\n    className,\n    grow,\n    shrink,\n    empty = false,\n    size = \"medium\",\n    justify = \"start\",\n    reverse,\n    direction: direction_ = \"y\",\n    wrap = false,\n    bordered = false,\n    rounded = false,\n    el = \"div\",\n    ...props\n  }: SpaceProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => {\n  const dir = direction.construct(direction_);\n  reverse = shouldReverse(direction_, reverse);\n\n  let gap: number | string | undefined;\n  if (empty) [size, gap] = [0, 0];\n  else if (typeof size === \"number\") gap = `${size}rem`;\n\n  style = {\n    gap,\n    flexDirection: flexDirection(dir, reverse),\n    justifyContent: justifications[justify],\n    alignItems: align,\n    flexWrap: wrap ? \"wrap\" : \"nowrap\",\n    ...style,\n  };\n\n  if (grow != null) style.flexGrow = Number(grow);\n  if (shrink != null) style.flexShrink = Number(shrink);\n\n  return (\n    // @ts-expect-error - TODO: fix generic element props\n    <Generic.Element<E>\n      el={el}\n      ref={ref}\n      className={CSS(\n        CSS.B(\"space\"),\n        CSS.dir(dir),\n        CSS.bordered(bordered),\n        CSS.rounded(rounded),\n        typeof size === \"string\" && CSS.BM(\"space\", size),\n        className,\n      )}\n      style={style}\n      {...props}\n    />\n  );\n};\nCoreSpace.displayName = \"Space\";\n\n/**\n * A component that orients its children in a row or column and adds\n * space between them. This is essentially a thin wrapped around a\n * flex component that makes it more 'reacty' to use.\n *\n * @param props - The props for the component. All unlisted props will be passed\n * to the underlying root element.\n * @param props.align - The off axis alignment of the children. The 'off' axis is the\n * opposite direction of props.direction. For example, if direction is 'x', then the\n * off axis is 'y'. See the {@link Alignment} for available options.\n * @param props.justify - The main axis justification of the children. The 'main' axis\n * is the same direction as props.direction. For example, if direction is 'x', then the\n * main axis is 'x'. See the {@link Justification} for available options.\n * @param props.grow - A boolean or number value that determines if the space should\n * grow in the flex-box sense. A value of true will set css flex-grow to 1. A value of\n * false will leave the css flex-grow unset. A number value will set the css flex-grow\n * to that number.\n * @param props.size - A string or number value that determines the amount of spacing\n * between items. If set to \"small\", \"medium\", or \"large\", the spacing will be determined\n * by the theme. If set to a number, the spacing will be that number of rem.\n * @param props.wrap - A boolean value that determines if the space should wrap its\n * children.\n * @param props.el - The element type to render as. Defaults to 'div'.\n */\nexport const Space = forwardRef(CoreSpace) as <E extends SpaceElementType = \"div\">(\n  props: SpaceProps<E>,\n) => ReactElement;\n\ntype FlexDirection = CSSProperties[\"flexDirection\"];\n\nconst flexDirection = (\n  direction: direction.Direction,\n  reverse: boolean,\n): FlexDirection => {\n  const base = direction === \"x\" ? \"row\" : \"column\";\n  return reverse ? ((base + \"-reverse\") as FlexDirection) : base;\n};\n\nconst justifications: Record<Justification, CSSProperties[\"justifyContent\"]> = {\n  start: \"flex-start\",\n  center: \"center\",\n  end: \"flex-end\",\n  spaceBetween: \"space-between\",\n  spaceAround: \"space-around\",\n  spaceEvenly: \"space-evenly\",\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 ForwardedRef, type ReactElement, forwardRef } from \"react\";\n\nimport { Space, type SpaceElementType, type SpaceProps } from \"@/align/Space\";\nimport { CSS } from \"@/css\";\n\nimport \"@/align/Pack.css\";\n\n/** Props for the {@link Pack} component. */\nexport type PackProps<E extends SpaceElementType = \"div\"> = Omit<\n  SpaceProps<E>,\n  \"empty\"\n> & {\n  shadow?: boolean;\n};\n\nconst CorePack = <E extends SpaceElementType = \"div\">(\n  {\n    className,\n    size = \"medium\",\n    reverse = false,\n    direction = \"x\",\n    bordered = true,\n    rounded = true,\n    shadow = false,\n    ...props\n  }: PackProps<E>,\n  // select the correct type for the ref\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => (\n  // @ts-expect-error\n  <Space<E>\n    ref={ref}\n    direction={direction}\n    reverse={reverse}\n    className={CSS(\n      CSS.B(\"pack\"),\n      shadow && CSS.BM(\"pack\", \"shadow\"),\n      CSS.dir(direction),\n      typeof size !== \"number\" && CSS.BM(\"pack\", size),\n      reverse && CSS.BM(\"pack\", \"reverse\"),\n      className,\n    )}\n    bordered={bordered}\n    rounded={rounded}\n    {...props}\n    empty\n  />\n);\n\n/**\n * Packs elements together, setting their size and styling the borders between them so\n * that they appear as a single element. This is useful for buttons that represent a\n * selection state, for example.\n *\n * @param props - The props for the pack. Any extra props will be passed to the\n * underlying Space component.\n * @param props.children - The children to pack together. These must satisfy the\n * {@link PackChildProps} interface.\n * @param props.direction - The direction to pack the children in. Defaults to\n * \"x\".\n * @param props.size - The size to set on the children. Any sizes already set on the\n * children will be overridden. Defaults to \"medium\".\n * @param props.el  - The element type to use as the root element for the Pack.\n * Defaults to \"div\".\n */\nexport const Pack = forwardRef(CorePack) as <E extends SpaceElementType = \"div\">(\n  props: PackProps<E>,\n) => ReactElement;\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 ForwardedRef, type ReactElement, forwardRef } from \"react\";\n\nimport { Space, type SpaceElementType, type SpaceProps } from \"@/align/Space\";\nimport { CSS } from \"@/css\";\n\nimport \"@/align/Center.css\";\n\nexport const CoreCenter = <E extends SpaceElementType = \"div\">(\n  { className, justify = \"center\", align = \"center\", ...props }: SpaceProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => (\n  // @ts-expect-error\n  <Space<E>\n    ref={ref}\n    justify={justify}\n    align={align}\n    className={CSS(CSS.BM(\"space\", \"centered\"), className)}\n    {...props}\n  />\n);\n\n/**\n * An element whose width and height is 100% and whose alignment and justification\n * is centered. Props are the same as {@link Space}.\n */\nexport const Center = forwardRef(CoreCenter) as <E extends SpaceElementType = \"div\">(\n  props: SpaceProps<E>,\n) => ReactElement;\n"],"names":["direction","jsx","Generic.Element"],"mappings":"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"}

package/dist/{Center-5NJ61qfA.cjs → Center-Cc_rR5pQ.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const jsxRuntime = require("./jsx-runtime-B3vWrP5x.cjs");
 const React = require("react");
-const css = require("./css-Pf9qxhQ4.cjs");
+const css = require("./css-Ci8WUD5E.cjs");
 const CoreElement = ({ el, children, ...props }, ref) => React.createElement(el, { ...props, ref }, children);
 const Element = React.forwardRef(CoreElement);
 const Generic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -145,4 +145,4 @@ exports.JUSTIFICATIONS = JUSTIFICATIONS;
 exports.Pack = Pack;
 exports.Space = Space;
 exports.shouldReverse = shouldReverse;
-//# sourceMappingURL=Center-5NJ61qfA.cjs.map
+//# sourceMappingURL=Center-Cc_rR5pQ.cjs.map

package/dist/{Center-5NJ61qfA.cjs.map → Center-Cc_rR5pQ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Center-5NJ61qfA.cjs","sources":["../src/generic/Generic.tsx","../src/align/Space.tsx","../src/align/Pack.tsx","../src/align/Center.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 ComponentPropsWithRef,\n  createElement,\n  type ForwardedRef,\n  forwardRef,\n  type ReactElement,\n} from \"react\";\n\nexport type JSXElementType = keyof JSX.IntrinsicElements;\n\nconst CoreElement = <E extends JSXElementType>(\n  { el, children, ...props }: ElementProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => createElement(el, { ...props, ref }, children);\n\nexport type ElementProps<E extends JSXElementType> = ComponentPropsWithRef<E> & {\n  el: E;\n};\n\n/**\n * Generic renders a component with the given element type .\n *\n * @param props - Props for the generic component. All props not defined below are passed to\n * the underlying element.\n * @param props.el - The element type to render.\n */\nexport const Element = forwardRef(CoreElement) as <E extends JSXElementType>(\n  props: ElementProps<E>,\n) => ReactElement;\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 CSSProperties,\n  type ForwardedRef,\n  type ReactElement,\n  forwardRef,\n} from \"react\";\n\nimport { direction } from \"@synnaxlabs/x/spatial\";\n\nimport { CSS } from \"@/css\";\nimport { Generic } from \"@/generic\";\nimport { type ComponentSize } from \"@/util/component\";\n\nimport \"@/align/Space.css\";\n\n/** All possible alignments for the cross axis of a space */\nexport const ALIGNMENTS = [\"start\", \"center\", \"end\", \"stretch\"] as const;\n\n/** The alignments for the cross axis of a space */\nexport type Alignment = (typeof ALIGNMENTS)[number];\n\n/** All possible justifications for the main axis of a space */\nexport const JUSTIFICATIONS = [\n  \"start\",\n  \"center\",\n  \"end\",\n  \"spaceBetween\",\n  \"spaceAround\",\n  \"spaceEvenly\",\n] as const;\n\n/** The justification for the main axis of a space */\nexport type Justification = (typeof JUSTIFICATIONS)[number];\n\nexport type SpaceElementType =\n  | \"div\"\n  | \"header\"\n  | \"nav\"\n  | \"section\"\n  | \"article\"\n  | \"aside\"\n  | \"footer\"\n  | \"button\"\n  | \"dialog\"\n  | \"a\"\n  | \"form\";\n\nexport interface SpaceExtensionProps {\n  empty?: boolean;\n  size?: ComponentSize | number;\n  direction?: direction.Crude;\n  reverse?: boolean;\n  justify?: Justification;\n  align?: Alignment;\n  grow?: boolean | number;\n  shrink?: boolean | number;\n  wrap?: boolean;\n  el?: SpaceElementType;\n  bordered?: boolean;\n  rounded?: boolean;\n}\n\nexport type SpaceProps<E extends SpaceElementType = \"div\"> = Omit<\n  Generic.ElementProps<E>,\n  \"el\"\n> &\n  SpaceExtensionProps;\n\nexport const shouldReverse = (direction: direction.Crude, reverse?: boolean): boolean =>\n  reverse ?? (direction === \"right\" || direction === \"bottom\");\n\nconst CoreSpace = <E extends SpaceElementType>(\n  {\n    style,\n    align,\n    className,\n    grow,\n    shrink,\n    empty = false,\n    size = \"medium\",\n    justify = \"start\",\n    reverse,\n    direction: direction_ = \"y\",\n    wrap = false,\n    bordered = false,\n    rounded = false,\n    el = \"div\",\n    ...props\n  }: SpaceProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => {\n  const dir = direction.construct(direction_);\n  reverse = shouldReverse(direction_, reverse);\n\n  let gap: number | string | undefined;\n  if (empty) [size, gap] = [0, 0];\n  else if (typeof size === \"number\") gap = `${size}rem`;\n\n  style = {\n    gap,\n    flexDirection: flexDirection(dir, reverse),\n    justifyContent: justifications[justify],\n    alignItems: align,\n    flexWrap: wrap ? \"wrap\" : \"nowrap\",\n    ...style,\n  };\n\n  if (grow != null) style.flexGrow = Number(grow);\n  if (shrink != null) style.flexShrink = Number(shrink);\n\n  return (\n    // @ts-expect-error - TODO: fix generic element props\n    <Generic.Element<E>\n      el={el}\n      ref={ref}\n      className={CSS(\n        CSS.B(\"space\"),\n        CSS.dir(dir),\n        CSS.bordered(bordered),\n        CSS.rounded(rounded),\n        typeof size === \"string\" && CSS.BM(\"space\", size),\n        className,\n      )}\n      style={style}\n      {...props}\n    />\n  );\n};\nCoreSpace.displayName = \"Space\";\n\n/**\n * A component that orients its children in a row or column and adds\n * space between them. This is essentially a thin wrapped around a\n * flex component that makes it more 'reacty' to use.\n *\n * @param props - The props for the component. All unlisted props will be passed\n * to the underlying root element.\n * @param props.align - The off axis alignment of the children. The 'off' axis is the\n * opposite direction of props.direction. For example, if direction is 'x', then the\n * off axis is 'y'. See the {@link Alignment} for available options.\n * @param props.justify - The main axis justification of the children. The 'main' axis\n * is the same direction as props.direction. For example, if direction is 'x', then the\n * main axis is 'x'. See the {@link Justification} for available options.\n * @param props.grow - A boolean or number value that determines if the space should\n * grow in the flex-box sense. A value of true will set css flex-grow to 1. A value of\n * false will leave the css flex-grow unset. A number value will set the css flex-grow\n * to that number.\n * @param props.size - A string or number value that determines the amount of spacing\n * between items. If set to \"small\", \"medium\", or \"large\", the spacing will be determined\n * by the theme. If set to a number, the spacing will be that number of rem.\n * @param props.wrap - A boolean value that determines if the space should wrap its\n * children.\n * @param props.el - The element type to render as. Defaults to 'div'.\n */\nexport const Space = forwardRef(CoreSpace) as <E extends SpaceElementType = \"div\">(\n  props: SpaceProps<E>,\n) => ReactElement;\n\ntype FlexDirection = CSSProperties[\"flexDirection\"];\n\nconst flexDirection = (\n  direction: direction.Direction,\n  reverse: boolean,\n): FlexDirection => {\n  const base = direction === \"x\" ? \"row\" : \"column\";\n  return reverse ? ((base + \"-reverse\") as FlexDirection) : base;\n};\n\nconst justifications: Record<Justification, CSSProperties[\"justifyContent\"]> = {\n  start: \"flex-start\",\n  center: \"center\",\n  end: \"flex-end\",\n  spaceBetween: \"space-between\",\n  spaceAround: \"space-around\",\n  spaceEvenly: \"space-evenly\",\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 ForwardedRef, type ReactElement, forwardRef } from \"react\";\n\nimport { Space, type SpaceElementType, type SpaceProps } from \"@/align/Space\";\nimport { CSS } from \"@/css\";\n\nimport \"@/align/Pack.css\";\n\n/** Props for the {@link Pack} component. */\nexport type PackProps<E extends SpaceElementType = \"div\"> = Omit<\n  SpaceProps<E>,\n  \"empty\"\n> & {\n  shadow?: boolean;\n};\n\nconst CorePack = <E extends SpaceElementType = \"div\">(\n  {\n    className,\n    size = \"medium\",\n    reverse = false,\n    direction = \"x\",\n    bordered = true,\n    rounded = true,\n    shadow = false,\n    ...props\n  }: PackProps<E>,\n  // select the correct type for the ref\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => (\n  // @ts-expect-error\n  <Space<E>\n    ref={ref}\n    direction={direction}\n    reverse={reverse}\n    className={CSS(\n      CSS.B(\"pack\"),\n      shadow && CSS.BM(\"pack\", \"shadow\"),\n      CSS.dir(direction),\n      typeof size !== \"number\" && CSS.BM(\"pack\", size),\n      reverse && CSS.BM(\"pack\", \"reverse\"),\n      className,\n    )}\n    bordered={bordered}\n    rounded={rounded}\n    {...props}\n    empty\n  />\n);\n\n/**\n * Packs elements together, setting their size and styling the borders between them so\n * that they appear as a single element. This is useful for buttons that represent a\n * selection state, for example.\n *\n * @param props - The props for the pack. Any extra props will be passed to the\n * underlying Space component.\n * @param props.children - The children to pack together. These must satisfy the\n * {@link PackChildProps} interface.\n * @param props.direction - The direction to pack the children in. Defaults to\n * \"x\".\n * @param props.size - The size to set on the children. Any sizes already set on the\n * children will be overridden. Defaults to \"medium\".\n * @param props.el  - The element type to use as the root element for the Pack.\n * Defaults to \"div\".\n */\nexport const Pack = forwardRef(CorePack) as <E extends SpaceElementType = \"div\">(\n  props: PackProps<E>,\n) => ReactElement;\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 ForwardedRef, type ReactElement, forwardRef } from \"react\";\n\nimport { Space, type SpaceElementType, type SpaceProps } from \"@/align/Space\";\nimport { CSS } from \"@/css\";\n\nimport \"@/align/Center.css\";\n\nexport const CoreCenter = <E extends SpaceElementType = \"div\">(\n  { className, justify = \"center\", align = \"center\", ...props }: SpaceProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => (\n  // @ts-expect-error\n  <Space<E>\n    ref={ref}\n    justify={justify}\n    align={align}\n    className={CSS(CSS.BM(\"space\", \"centered\"), className)}\n    {...props}\n  />\n);\n\n/**\n * An element whose width and height is 100% and whose alignment and justification\n * is centered. Props are the same as {@link Space}.\n */\nexport const Center = forwardRef(CoreCenter) as <E extends SpaceElementType = \"div\">(\n  props: SpaceProps<E>,\n) => ReactElement;\n"],"names":["createElement","forwardRef","direction","jsx","Generic.Element","CSS"],"mappings":"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"}
+{"version":3,"file":"Center-Cc_rR5pQ.cjs","sources":["../src/generic/Generic.tsx","../src/align/Space.tsx","../src/align/Pack.tsx","../src/align/Center.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 ComponentPropsWithRef,\n  createElement,\n  type ForwardedRef,\n  forwardRef,\n  type ReactElement,\n} from \"react\";\n\nexport type JSXElementType = keyof JSX.IntrinsicElements;\n\nconst CoreElement = <E extends JSXElementType>(\n  { el, children, ...props }: ElementProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => createElement(el, { ...props, ref }, children);\n\nexport type ElementProps<E extends JSXElementType> = ComponentPropsWithRef<E> & {\n  el: E;\n};\n\n/**\n * Generic renders a component with the given element type .\n *\n * @param props - Props for the generic component. All props not defined below are passed to\n * the underlying element.\n * @param props.el - The element type to render.\n */\nexport const Element = forwardRef(CoreElement) as <E extends JSXElementType>(\n  props: ElementProps<E>,\n) => ReactElement;\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 CSSProperties,\n  type ForwardedRef,\n  type ReactElement,\n  forwardRef,\n} from \"react\";\n\nimport { direction } from \"@synnaxlabs/x/spatial\";\n\nimport { CSS } from \"@/css\";\nimport { Generic } from \"@/generic\";\nimport { type ComponentSize } from \"@/util/component\";\n\nimport \"@/align/Space.css\";\n\n/** All possible alignments for the cross axis of a space */\nexport const ALIGNMENTS = [\"start\", \"center\", \"end\", \"stretch\"] as const;\n\n/** The alignments for the cross axis of a space */\nexport type Alignment = (typeof ALIGNMENTS)[number];\n\n/** All possible justifications for the main axis of a space */\nexport const JUSTIFICATIONS = [\n  \"start\",\n  \"center\",\n  \"end\",\n  \"spaceBetween\",\n  \"spaceAround\",\n  \"spaceEvenly\",\n] as const;\n\n/** The justification for the main axis of a space */\nexport type Justification = (typeof JUSTIFICATIONS)[number];\n\nexport type SpaceElementType =\n  | \"div\"\n  | \"header\"\n  | \"nav\"\n  | \"section\"\n  | \"article\"\n  | \"aside\"\n  | \"footer\"\n  | \"button\"\n  | \"dialog\"\n  | \"a\"\n  | \"form\";\n\nexport interface SpaceExtensionProps {\n  empty?: boolean;\n  size?: ComponentSize | number;\n  direction?: direction.Crude;\n  reverse?: boolean;\n  justify?: Justification;\n  align?: Alignment;\n  grow?: boolean | number;\n  shrink?: boolean | number;\n  wrap?: boolean;\n  el?: SpaceElementType;\n  bordered?: boolean;\n  rounded?: boolean;\n}\n\nexport type SpaceProps<E extends SpaceElementType = \"div\"> = Omit<\n  Generic.ElementProps<E>,\n  \"el\"\n> &\n  SpaceExtensionProps;\n\nexport const shouldReverse = (direction: direction.Crude, reverse?: boolean): boolean =>\n  reverse ?? (direction === \"right\" || direction === \"bottom\");\n\nconst CoreSpace = <E extends SpaceElementType>(\n  {\n    style,\n    align,\n    className,\n    grow,\n    shrink,\n    empty = false,\n    size = \"medium\",\n    justify = \"start\",\n    reverse,\n    direction: direction_ = \"y\",\n    wrap = false,\n    bordered = false,\n    rounded = false,\n    el = \"div\",\n    ...props\n  }: SpaceProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => {\n  const dir = direction.construct(direction_);\n  reverse = shouldReverse(direction_, reverse);\n\n  let gap: number | string | undefined;\n  if (empty) [size, gap] = [0, 0];\n  else if (typeof size === \"number\") gap = `${size}rem`;\n\n  style = {\n    gap,\n    flexDirection: flexDirection(dir, reverse),\n    justifyContent: justifications[justify],\n    alignItems: align,\n    flexWrap: wrap ? \"wrap\" : \"nowrap\",\n    ...style,\n  };\n\n  if (grow != null) style.flexGrow = Number(grow);\n  if (shrink != null) style.flexShrink = Number(shrink);\n\n  return (\n    // @ts-expect-error - TODO: fix generic element props\n    <Generic.Element<E>\n      el={el}\n      ref={ref}\n      className={CSS(\n        CSS.B(\"space\"),\n        CSS.dir(dir),\n        CSS.bordered(bordered),\n        CSS.rounded(rounded),\n        typeof size === \"string\" && CSS.BM(\"space\", size),\n        className,\n      )}\n      style={style}\n      {...props}\n    />\n  );\n};\nCoreSpace.displayName = \"Space\";\n\n/**\n * A component that orients its children in a row or column and adds\n * space between them. This is essentially a thin wrapped around a\n * flex component that makes it more 'reacty' to use.\n *\n * @param props - The props for the component. All unlisted props will be passed\n * to the underlying root element.\n * @param props.align - The off axis alignment of the children. The 'off' axis is the\n * opposite direction of props.direction. For example, if direction is 'x', then the\n * off axis is 'y'. See the {@link Alignment} for available options.\n * @param props.justify - The main axis justification of the children. The 'main' axis\n * is the same direction as props.direction. For example, if direction is 'x', then the\n * main axis is 'x'. See the {@link Justification} for available options.\n * @param props.grow - A boolean or number value that determines if the space should\n * grow in the flex-box sense. A value of true will set css flex-grow to 1. A value of\n * false will leave the css flex-grow unset. A number value will set the css flex-grow\n * to that number.\n * @param props.size - A string or number value that determines the amount of spacing\n * between items. If set to \"small\", \"medium\", or \"large\", the spacing will be determined\n * by the theme. If set to a number, the spacing will be that number of rem.\n * @param props.wrap - A boolean value that determines if the space should wrap its\n * children.\n * @param props.el - The element type to render as. Defaults to 'div'.\n */\nexport const Space = forwardRef(CoreSpace) as <E extends SpaceElementType = \"div\">(\n  props: SpaceProps<E>,\n) => ReactElement;\n\ntype FlexDirection = CSSProperties[\"flexDirection\"];\n\nconst flexDirection = (\n  direction: direction.Direction,\n  reverse: boolean,\n): FlexDirection => {\n  const base = direction === \"x\" ? \"row\" : \"column\";\n  return reverse ? ((base + \"-reverse\") as FlexDirection) : base;\n};\n\nconst justifications: Record<Justification, CSSProperties[\"justifyContent\"]> = {\n  start: \"flex-start\",\n  center: \"center\",\n  end: \"flex-end\",\n  spaceBetween: \"space-between\",\n  spaceAround: \"space-around\",\n  spaceEvenly: \"space-evenly\",\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 ForwardedRef, type ReactElement, forwardRef } from \"react\";\n\nimport { Space, type SpaceElementType, type SpaceProps } from \"@/align/Space\";\nimport { CSS } from \"@/css\";\n\nimport \"@/align/Pack.css\";\n\n/** Props for the {@link Pack} component. */\nexport type PackProps<E extends SpaceElementType = \"div\"> = Omit<\n  SpaceProps<E>,\n  \"empty\"\n> & {\n  shadow?: boolean;\n};\n\nconst CorePack = <E extends SpaceElementType = \"div\">(\n  {\n    className,\n    size = \"medium\",\n    reverse = false,\n    direction = \"x\",\n    bordered = true,\n    rounded = true,\n    shadow = false,\n    ...props\n  }: PackProps<E>,\n  // select the correct type for the ref\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => (\n  // @ts-expect-error\n  <Space<E>\n    ref={ref}\n    direction={direction}\n    reverse={reverse}\n    className={CSS(\n      CSS.B(\"pack\"),\n      shadow && CSS.BM(\"pack\", \"shadow\"),\n      CSS.dir(direction),\n      typeof size !== \"number\" && CSS.BM(\"pack\", size),\n      reverse && CSS.BM(\"pack\", \"reverse\"),\n      className,\n    )}\n    bordered={bordered}\n    rounded={rounded}\n    {...props}\n    empty\n  />\n);\n\n/**\n * Packs elements together, setting their size and styling the borders between them so\n * that they appear as a single element. This is useful for buttons that represent a\n * selection state, for example.\n *\n * @param props - The props for the pack. Any extra props will be passed to the\n * underlying Space component.\n * @param props.children - The children to pack together. These must satisfy the\n * {@link PackChildProps} interface.\n * @param props.direction - The direction to pack the children in. Defaults to\n * \"x\".\n * @param props.size - The size to set on the children. Any sizes already set on the\n * children will be overridden. Defaults to \"medium\".\n * @param props.el  - The element type to use as the root element for the Pack.\n * Defaults to \"div\".\n */\nexport const Pack = forwardRef(CorePack) as <E extends SpaceElementType = \"div\">(\n  props: PackProps<E>,\n) => ReactElement;\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 ForwardedRef, type ReactElement, forwardRef } from \"react\";\n\nimport { Space, type SpaceElementType, type SpaceProps } from \"@/align/Space\";\nimport { CSS } from \"@/css\";\n\nimport \"@/align/Center.css\";\n\nexport const CoreCenter = <E extends SpaceElementType = \"div\">(\n  { className, justify = \"center\", align = \"center\", ...props }: SpaceProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => (\n  // @ts-expect-error\n  <Space<E>\n    ref={ref}\n    justify={justify}\n    align={align}\n    className={CSS(CSS.BM(\"space\", \"centered\"), className)}\n    {...props}\n  />\n);\n\n/**\n * An element whose width and height is 100% and whose alignment and justification\n * is centered. Props are the same as {@link Space}.\n */\nexport const Center = forwardRef(CoreCenter) as <E extends SpaceElementType = \"div\">(\n  props: SpaceProps<E>,\n) => ReactElement;\n"],"names":["createElement","forwardRef","direction","jsx","Generic.Element","CSS"],"mappings":"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"}

package/dist/{Keyboard-DaFraUsQ.cjs → Keyboard-Byx8rGZt.cjs}

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

package/dist/{Keyboard-DaFraUsQ.cjs.map → Keyboard-Byx8rGZt.cjs.map}

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

package/dist/{Keyboard-nDIAR7Rj.js → Keyboard-D31SwhYT.js}

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

package/dist/{Keyboard-nDIAR7Rj.js.map → Keyboard-D31SwhYT.js.map}

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