@studiocubics/components 0.0.1 → 0.0.2

package/dist/Display/Chip/Chip.d.ts

@@ -0,0 +1,46 @@
+import type { PolymorphicComponentProps, PolymorphicComponentType } from "@studiocubics/types";
+import { type ElementType } from "react";
+declare const defaultElement = "span";
+type DefaultElement = typeof defaultElement;
+/**
+ * Props specific to the Chip component.
+ *
+ * These extend the intrinsic element props of whatever element is passed via `as`.
+ * @group Chip
+ * @category inputs
+ */
+export interface ChipBaseProps {
+    /** Visual style variant.
+     * @default "outlined"
+     */
+    variant?: "contained" | "outlined";
+    /** Expands width to 100%. */
+    fullWidth?: boolean;
+    /** Chip size.
+     * @default "md"
+     */
+    size?: "sm" | "md" | "lg";
+    color?: "primary" | "secondary" | "error";
+}
+/**
+ * Polymorphic props for the Chip component.
+ *
+ * `C` defines the element type rendered by the component (e.g. `"Chip"`, `"a"`, `"div"`).
+ * All intrinsic props for `C` are supported unless overridden by `ChipBaseProps`.
+ *
+ * @group Chip
+ * @category inputs
+ */
+export type ChipProps<C extends ElementType = DefaultElement> = PolymorphicComponentProps<C, ChipBaseProps>;
+/**
+ * A polymorphic Chip component.
+ *
+ * ```tsx
+ * <Chip as="a" href="/docs">Read docs</Chip>
+ * ```
+ *
+ * @group Chip
+ * @category inputs
+ */
+export declare const Chip: PolymorphicComponentType<ChipBaseProps, DefaultElement>;
+export {};

package/dist/Display/Chip/Chip.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { cn } from '@studiocubics/utils';
+import styles from './Chip.module.css.js';
+
+const defaultElement = "span";
+/**
+ * Base implementation for the Chip component.
+ *
+ * This is a polymorphic component that defaults to rendering a `<Chip>`.
+ * Use the `as` prop to change the underlying element.
+ *
+ * @typeParam C - The intrinsic or custom element type to render.
+ *
+ * @group Chip
+ * @category inputs
+ */
+function ChipBase(props) {
+    const { as, className, variant = "outlined", size = "md", fullWidth = false, color, square, ...restProps } = props;
+    const Component = (as || defaultElement);
+    const componentProps = {
+        className: cn(className, styles.root, square ? styles.square : "", fullWidth ? styles.fullWidth : "", styles[`size_${size}`], styles[variant]),
+        "data-color": color,
+        ...restProps,
+    };
+    return jsx(Component, { ...componentProps });
+}
+ChipBase.displayName = "Chip";
+/**
+ * A polymorphic Chip component.
+ *
+ * ```tsx
+ * <Chip as="a" href="/docs">Read docs</Chip>
+ * ```
+ *
+ * @group Chip
+ * @category inputs
+ */
+const Chip = ChipBase;
+
+export { Chip };
+//# sourceMappingURL=Chip.js.map

package/dist/Display/Chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sources":["../../../src/Display/Chip/Chip.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { type ElementType } from \"react\";\n\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Chip.module.css\";\n\nconst defaultElement = \"span\";\ntype DefaultElement = typeof defaultElement;\n\n/**\n * Props specific to the Chip component.\n *\n * These extend the intrinsic element props of whatever element is passed via `as`.\n * @group Chip\n * @category inputs\n */\nexport interface ChipBaseProps {\n  /** Visual style variant.\n   * @default \"outlined\"\n   */\n  variant?: \"contained\" | \"outlined\";\n\n  /** Expands width to 100%. */\n  fullWidth?: boolean;\n\n  /** Chip size.\n   * @default \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n\n  color?: \"primary\" | \"secondary\" | \"error\";\n}\n\n/**\n * Polymorphic props for the Chip component.\n *\n * `C` defines the element type rendered by the component (e.g. `\"Chip\"`, `\"a\"`, `\"div\"`).\n * All intrinsic props for `C` are supported unless overridden by `ChipBaseProps`.\n *\n * @group Chip\n * @category inputs\n */\nexport type ChipProps<C extends ElementType = DefaultElement> =\n  PolymorphicComponentProps<C, ChipBaseProps>;\n\n/**\n * Base implementation for the Chip component.\n *\n * This is a polymorphic component that defaults to rendering a `<Chip>`.\n * Use the `as` prop to change the underlying element.\n *\n * @typeParam C - The intrinsic or custom element type to render.\n *\n * @group Chip\n * @category inputs\n */\nfunction ChipBase<C extends ElementType = DefaultElement>(props: ChipProps<C>) {\n  const {\n    as,\n    className,\n    variant = \"outlined\",\n    size = \"md\",\n    fullWidth = false,\n    color,\n    square,\n    ...restProps\n  } = props;\n  const Component = (as || defaultElement) as ElementType;\n\n  const componentProps = {\n    className: cn(\n      className,\n      styles.root,\n      square ? styles.square : \"\",\n      fullWidth ? styles.fullWidth : \"\",\n      styles[`size_${size}`],\n      styles[variant]\n    ),\n    \"data-color\": color,\n    ...restProps,\n  };\n\n  return <Component {...componentProps} />;\n}\nChipBase.displayName = \"Chip\";\n\n/**\n * A polymorphic Chip component.\n *\n * ```tsx\n * <Chip as=\"a\" href=\"/docs\">Read docs</Chip>\n * ```\n *\n * @group Chip\n * @category inputs\n */\nexport const Chip = ChipBase as PolymorphicComponentType<\n  ChipBaseProps,\n  DefaultElement\n>;\n"],"names":["_jsx"],"mappings":"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"}

package/dist/Display/Chip/Chip.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"root":"Chip-module_root__aw3YS","outlined":"Chip-module_outlined__MdLuF","contained":"Chip-module_contained__h-xuY","size_sm":"Chip-module_size_sm__v0VIz","size_md":"Chip-module_size_md__Shvvz","size_lg":"Chip-module_size_lg__sqT26"};
+
+export { styles as default };
+//# sourceMappingURL=Chip.module.css.js.map

package/dist/Display/Chip/Chip.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/Display/IdentityDisplay/IdentityDisplay.d.ts

@@ -0,0 +1,21 @@
+import type { PolymorphicComponentProps, PolymorphicComponentType } from "@studiocubics/types";
+import { type ElementType, type ComponentProps, type ReactNode } from "react";
+import { type UseRippleProps } from "../../Misc/_index";
+interface IdentityDisplayBaseProps {
+    profileName: ReactNode;
+    role?: ReactNode;
+    desc?: ReactNode;
+    alt?: string;
+    profileImage?: string | null;
+    variant?: "compact" | "full" | "square" | "image-only";
+    href?: ComponentProps<"a">["href"];
+    slotProps?: {
+        image?: ComponentProps<"div">;
+        ripple?: UseRippleProps;
+    };
+}
+declare const defaultElement = "div";
+type DefaultELement = typeof defaultElement;
+export type IdentityDisplayProps<C extends ElementType = DefaultELement> = PolymorphicComponentProps<C, IdentityDisplayBaseProps>;
+export declare const IdentityDisplay: PolymorphicComponentType<IdentityDisplayBaseProps, DefaultELement>;
+export {};

package/dist/Display/IdentityDisplay/IdentityDisplay.js

@@ -0,0 +1,36 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { cn } from '@studiocubics/utils';
+import styles from './IdentityDisplay.module.css.js';
+import { useRipple, eventWithRipple } from '../../Misc/Ripple/Ripple.js';
+import '@studiocubics/hooks';
+
+const defaultElement = "div";
+function IdentityDisplayBase(props) {
+    const { as, className, profileName, role, profileImage, desc, variant = "full", onClick, onTouchStart, alt = "Alt text missing", slotProps: _slotProps, ref, ...restProps } = props;
+    const slotProps = {
+        image: _slotProps?.image ?? {},
+        ripple: _slotProps?.ripple ?? {},
+    };
+    const Component = (as ?? defaultElement);
+    const clickable = !!props.onClick || !!props.href;
+    const { rippleElements, createRipple } = useRipple(slotProps.ripple);
+    const componentProps = {
+        className: cn(className, styles.root, styles[variant], clickable ? styles.clickable : ""),
+        onTouchStart: eventWithRipple(createRipple, onTouchStart),
+        onClick: eventWithRipple(createRipple, onClick),
+        ref,
+        ...(Component === "a" ? { href: props.href } : {}),
+        ...restProps,
+    };
+    return (jsxs(Component, { ...componentProps, children: [clickable && rippleElements, jsxs("div", { className: styles.main, children: [profileImage && (jsx("div", { ...slotProps.image, className: cn(styles.image, slotProps.image?.className), children: jsx("img", { src: profileImage, alt: typeof profileName == "string" ? profileName : alt, width: 48, height: 48 }) })), jsxs("div", { className: styles.details, children: [profileName &&
+                                (typeof profileName == "string" ? (jsx("h4", { children: profileName })) : (profileName)), role && (typeof role == "string" ? jsx("p", { children: role }) : role)] })] }), desc &&
+                (typeof desc == "string" ? (jsx("p", { className: styles.desc, children: desc })) : (desc))] }));
+}
+IdentityDisplayBase.displayName = "IdentityDisplay";
+// Type assertion to make it polymorphic
+const IdentityDisplay = IdentityDisplayBase;
+
+export { IdentityDisplay };
+//# sourceMappingURL=IdentityDisplay.js.map

package/dist/Display/IdentityDisplay/IdentityDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityDisplay.js","sources":["../../../src/Display/IdentityDisplay/IdentityDisplay.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { type ElementType, type ComponentProps, type ReactNode } from \"react\";\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./IdentityDisplay.module.css\";\nimport {\n  eventWithRipple,\n  useRipple,\n  type UseRippleProps,\n} from \"../../Misc/_index\";\n\ninterface IdentityDisplayBaseProps {\n  profileName: ReactNode;\n  role?: ReactNode;\n  desc?: ReactNode;\n  alt?: string;\n  profileImage?: string | null;\n  variant?: \"compact\" | \"full\" | \"square\" | \"image-only\";\n  href?: ComponentProps<\"a\">[\"href\"];\n  slotProps?: {\n    image?: ComponentProps<\"div\">;\n    ripple?: UseRippleProps;\n  };\n}\n\nconst defaultElement = \"div\";\ntype DefaultELement = typeof defaultElement;\n\nexport type IdentityDisplayProps<C extends ElementType = DefaultELement> =\n  PolymorphicComponentProps<C, IdentityDisplayBaseProps>;\n\nfunction IdentityDisplayBase<C extends ElementType = DefaultELement>(\n  props: IdentityDisplayProps<C>\n) {\n  const {\n    as,\n    className,\n    profileName,\n    role,\n    profileImage,\n    desc,\n    variant = \"full\",\n    onClick,\n    onTouchStart,\n    alt = \"Alt text missing\",\n    slotProps: _slotProps,\n    ref,\n    ...restProps\n  } = props;\n  const slotProps = {\n    image: _slotProps?.image ?? {},\n    ripple: _slotProps?.ripple ?? {},\n  };\n  const Component = (as ?? defaultElement) as ElementType;\n  const clickable = !!props.onClick || !!props.href;\n  const { rippleElements, createRipple } = useRipple(slotProps.ripple);\n\n  const componentProps = {\n    className: cn(\n      className,\n      styles.root,\n      styles[variant],\n      clickable ? styles.clickable : \"\"\n    ),\n    onTouchStart: eventWithRipple(createRipple, onTouchStart),\n    onClick: eventWithRipple(createRipple, onClick),\n\n    ref,\n    ...(Component === \"a\" ? { href: props.href } : {}),\n    ...restProps,\n  };\n\n  return (\n    <Component {...componentProps}>\n      {clickable && rippleElements}\n      <div className={styles.main}>\n        {profileImage && (\n          <div\n            {...slotProps.image}\n            className={cn(styles.image, slotProps.image?.className)}\n          >\n            <img\n              src={profileImage}\n              alt={typeof profileName == \"string\" ? profileName : alt}\n              width={48}\n              height={48}\n            />\n          </div>\n        )}\n        <div className={styles.details}>\n          {profileName &&\n            (typeof profileName == \"string\" ? (\n              <h4>{profileName}</h4>\n            ) : (\n              profileName\n            ))}\n          {role && (typeof role == \"string\" ? <p>{role}</p> : role)}\n        </div>\n      </div>\n      {desc &&\n        (typeof desc == \"string\" ? (\n          <p className={styles.desc}>{desc}</p>\n        ) : (\n          desc\n        ))}\n    </Component>\n  );\n}\nIdentityDisplayBase.displayName = \"IdentityDisplay\";\n\n// Type assertion to make it polymorphic\nexport const IdentityDisplay = IdentityDisplayBase as PolymorphicComponentType<\n  IdentityDisplayBaseProps,\n  DefaultELement\n>;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/Display/IdentityDisplay/IdentityDisplay.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"root":"IdentityDisplay-module_root__nEI-t","clickable":"IdentityDisplay-module_clickable__Xloez","main":"IdentityDisplay-module_main__27-fb","image":"IdentityDisplay-module_image__YD-pm","details":"IdentityDisplay-module_details__kSAvW","desc":"IdentityDisplay-module_desc__QHEz8","image-only":"IdentityDisplay-module_image-only__LBjOr","square":"IdentityDisplay-module_square__f2jb0","compact":"IdentityDisplay-module_compact__ilrg-"};
+
+export { styles as default };
+//# sourceMappingURL=IdentityDisplay.module.css.js.map

package/dist/Display/IdentityDisplay/IdentityDisplay.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityDisplay.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/Display/InputErrors/InputErrors.d.ts

@@ -0,0 +1,11 @@
+import { type ElementType } from "react";
+import type { PolymorphicComponentProps, PolymorphicComponentType } from "@studiocubics/types";
+export interface InputErrorsBaseProps {
+    error?: string | string[];
+    children?: null;
+}
+declare const defaultElement = "p";
+type DefaultElement = typeof defaultElement;
+export type InputErrorsProps<C extends ElementType = DefaultElement> = PolymorphicComponentProps<C, InputErrorsBaseProps>;
+export declare const InputErrors: PolymorphicComponentType<InputErrorsBaseProps, DefaultElement>;
+export {};

package/dist/Display/InputErrors/InputErrors.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import styles from './InputErrors.module.css.js';
+import { cn } from '@studiocubics/utils';
+
+const defaultElement = "p";
+function InputErrorsBase(props) {
+    const { as, error: _error, className, ...rest } = props;
+    const error = _error?.length == 1 ? _error[0] : _error;
+    if (!error || !error.length)
+        return null;
+    const isStringError = typeof error === "string";
+    const Component = (as || isStringError ? defaultElement : "ul");
+    const componentProps = { className: cn(className, styles.root), ...rest };
+    return (jsx(Component, { ...componentProps, children: isStringError
+            ? error
+            : error.map((c, i) => {
+                return jsx("li", { children: c }, i);
+            }) }));
+}
+InputErrorsBase.displayName = "InputErrors";
+const InputErrors = InputErrorsBase;
+
+export { InputErrors };
+//# sourceMappingURL=InputErrors.js.map

package/dist/Display/InputErrors/InputErrors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputErrors.js","sources":["../../../src/Display/InputErrors/InputErrors.tsx"],"sourcesContent":["import { type ElementType } from \"react\";\nimport styles from \"./InputErrors.module.css\";\nimport { cn } from \"@studiocubics/utils\";\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\n\nexport interface InputErrorsBaseProps {\n  error?: string | string[];\n  children?: null;\n}\n\nconst defaultElement = \"p\";\ntype DefaultElement = typeof defaultElement;\n\nexport type InputErrorsProps<C extends ElementType = DefaultElement> =\n  PolymorphicComponentProps<C, InputErrorsBaseProps>;\n\nfunction InputErrorsBase<C extends ElementType = DefaultElement>(\n  props: InputErrorsProps<C>,\n) {\n  const {\n    as,\n    error: _error,\n    className,\n    ...rest\n  } = props as InputErrorsProps<DefaultElement>;\n  const error = _error?.length == 1 ? _error[0] : _error;\n  if (!error || !error.length) return null;\n  const isStringError = typeof error === \"string\";\n  const Component = (\n    as || isStringError ? defaultElement : \"ul\"\n  ) as ElementType;\n  const componentProps = { className: cn(className, styles.root), ...rest };\n  return (\n    <Component {...componentProps}>\n      {isStringError\n        ? error\n        : error.map((c, i) => {\n            return <li key={i}>{c}</li>;\n          })}\n    </Component>\n  );\n}\n\nInputErrorsBase.displayName = \"InputErrors\";\n\nexport const InputErrors = InputErrorsBase as PolymorphicComponentType<\n  InputErrorsBaseProps,\n  DefaultElement\n>;\n"],"names":["_jsx"],"mappings":";;;;;AAaA,MAAM,cAAc,GAAG,GAAG;AAM1B,SAAS,eAAe,CACtB,KAA0B,EAAA;AAE1B,IAAA,MAAM,EACJ,EAAE,EACF,KAAK,EAAE,MAAM,EACb,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAyC;AAC7C,IAAA,MAAM,KAAK,GAAG,MAAM,EAAE,MAAM,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM;AACtD,IAAA,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM;AAAE,QAAA,OAAO,IAAI;AACxC,IAAA,MAAM,aAAa,GAAG,OAAO,KAAK,KAAK,QAAQ;AAC/C,IAAA,MAAM,SAAS,IACb,EAAE,IAAI,aAAa,GAAG,cAAc,GAAG,IAAI,CAC7B;AAChB,IAAA,MAAM,cAAc,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,EAAE;AACzE,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,EAAA,GAAK,cAAc,YAC1B;AACC,cAAE;cACA,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACjB,gBAAA,OAAOA,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EAAa,CAAC,EAAA,EAAL,CAAC,CAAU;YAC7B,CAAC,CAAC,EAAA,CACI;AAEhB;AAEA,eAAe,CAAC,WAAW,GAAG,aAAa;AAEpC,MAAM,WAAW,GAAG;;;;"}

package/dist/Display/InputErrors/InputErrors.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"root":"InputErrors-module_root__APxhq"};
+
+export { styles as default };
+//# sourceMappingURL=InputErrors.module.css.js.map

package/dist/Display/InputErrors/InputErrors.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputErrors.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/Display/Kbd/Kbd.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentProps } from "react";
+import { type ButtonList } from "./buttonList";
+export type KeyboardKey = keyof ButtonList;
+export type KeyCombo = KeyboardKey[];
+export interface KbdProps extends Omit<ComponentProps<"div">, "children"> {
+    buttons: KeyCombo;
+}
+export declare function Kbd(props: KbdProps): import("react/jsx-runtime").JSX.Element;

package/dist/Display/Kbd/Kbd.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cn } from '@studiocubics/utils';
+import { Fragment } from 'react';
+import styles from './Kbd.module.css.js';
+import { buttonList } from './buttonList.js';
+
+function Kbd(props) {
+    const { className, buttons, ...rest } = props;
+    return (jsx("div", { className: cn(styles.root, className), ...rest, children: buttons.map((b, i) => {
+            const button = buttonList[b];
+            return (jsxs(Fragment, { children: [jsx("kbd", { className: cn(styles.kbd, styles.surface), style: {
+                            "--kbd-size-x": button.sizeX ?? 1,
+                            "--kbd-size-y": button.sizeY ?? 1,
+                        }, children: button.content }), i >= 0 && i < buttons.length - 1 && "+"] }, i));
+        }) }));
+}
+
+export { Kbd };
+//# sourceMappingURL=Kbd.js.map

package/dist/Display/Kbd/Kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","sources":["../../../src/Display/Kbd/Kbd.tsx"],"sourcesContent":["import { cn } from \"@studiocubics/utils\";\nimport { type CSSProperties, Fragment, type ComponentProps } from \"react\";\nimport styles from \"./Kbd.module.css\";\nimport { type ButtonList, buttonList, type ButtonSpec } from \"./buttonList\";\n\nexport type KeyboardKey = keyof ButtonList;\nexport type KeyCombo = KeyboardKey[];\nexport interface KbdProps extends Omit<ComponentProps<\"div\">, \"children\"> {\n  buttons: KeyCombo;\n}\n\nexport function Kbd(props: KbdProps) {\n  const { className, buttons, ...rest } = props;\n\n  return (\n    <div className={cn(styles.root, className)} {...rest}>\n      {buttons.map((b, i) => {\n        const button: ButtonSpec = buttonList[b];\n        return (\n          <Fragment key={i}>\n            <kbd\n              className={cn(styles.kbd, styles.surface)}\n              style={\n                {\n                  \"--kbd-size-x\": button.sizeX ?? 1,\n                  \"--kbd-size-y\": button.sizeY ?? 1,\n                } as CSSProperties\n              }\n            >\n              {button.content}\n            </kbd>\n\n            {i >= 0 && i < buttons.length - 1 && \"+\"}\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAWM,SAAU,GAAG,CAAC,KAAe,EAAA;IACjC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IAE7C,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,IAAI,EAAA,QAAA,EACjD,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACpB,YAAA,MAAM,MAAM,GAAe,UAAU,CAAC,CAAC,CAAC;AACxC,YAAA,QACEC,IAAA,CAAC,QAAQ,eACPD,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EACzC,KAAK,EACH;AACE,4BAAA,cAAc,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;AACjC,4BAAA,cAAc,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;yBACjB,EAAA,QAAA,EAGnB,MAAM,CAAC,OAAO,EAAA,CACX,EAEL,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,GAAG,CAAA,EAAA,EAb3B,CAAC,CAcL;QAEf,CAAC,CAAC,EAAA,CACE;AAEV;;;;"}

package/dist/Display/Kbd/Kbd.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"root":"Kbd-module_root__OFPCy","kbd":"Kbd-module_kbd__F-c6z","surface":"Kbd-module_surface__xpquz"};
+
+export { styles as default };
+//# sourceMappingURL=Kbd.module.css.js.map

package/dist/Display/Kbd/Kbd.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/Display/Kbd/buttonList.d.ts

@@ -0,0 +1,324 @@
+import type { ReactNode } from "react";
+export type ButtonSpec = {
+    content: ReactNode;
+    sizeX?: number;
+    sizeY?: number;
+};
+export declare const buttonList: {
+    A: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    B: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    C: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    D: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    E: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    F: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    G: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    H: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    I: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    J: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    K: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    L: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    M: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    N: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    O: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    P: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Q: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    R: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    S: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    T: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    U: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    V: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    W: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    X: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Y: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Z: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "0": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "1": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "2": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "3": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "4": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "5": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "6": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "7": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "8": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "9": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "`": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "-": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "=": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "[": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "]": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Backslash: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    ";": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "'": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    ",": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    ".": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Forwardslash: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "~": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "!": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "@": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "#": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    $: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "%": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "^": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "&": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "*": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "(": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    ")": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    _: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "+": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "{": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "}": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "|": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    ":": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    '"': {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "<": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    ">": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "?": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Space: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Enter: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Backspace: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Esc: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Shift: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Ctrl: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Alt: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Tab: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    CapsLock: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Fn: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    UpArrow: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    DownArrow: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    LeftArrow: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    RightArrow: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Insert: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Delete: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Home: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    End: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    PageUp: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    PageDown: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    PrintScreen: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    ScrollLock: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    Pause: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    NumLock: {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "\u2318": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "\u23EE": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "\u25B6": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "\u23F8": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "\u23EF": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "\u23F9": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "\u23ED": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "\u23EA": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "\u23E9": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "\uD83D\uDD08": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "\uD83D\uDD09": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "\uD83D\uDD0A": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+    "\uD83D\uDD07": {
+        content: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export type ButtonList = typeof buttonList;