@boopdoopgoop/design-system 0.0.0-stage → 0.2.0

package/dist/components/index.cjs

@@ -0,0 +1,233 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/index.ts
+var components_exports = {};
+__export(components_exports, {
+  Button: () => Button,
+  ButtonLink: () => ButtonLink,
+  Field: () => Field,
+  Input: () => Input,
+  Modal: () => Modal,
+  Panel: () => Panel,
+  Tag: () => Tag,
+  Textarea: () => Textarea,
+  cn: () => cn
+});
+module.exports = __toCommonJS(components_exports);
+
+// src/lib/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/Button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function buttonClassName(variant, className) {
+  return cn("ds-button", `ds-button--${variant}`, className);
+}
+function Button({
+  className,
+  type = "button",
+  variant = "primary",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      ...props,
+      className: buttonClassName(variant, className),
+      type
+    }
+  );
+}
+function ButtonLink({
+  className,
+  variant = "primary",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { ...props, className: buttonClassName(variant, className) });
+}
+
+// src/components/Control.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Input({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { ...props, className: cn("ds-control", className) });
+}
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "textarea",
+    {
+      ...props,
+      className: cn("ds-control", "ds-textarea", className)
+    }
+  );
+}
+
+// src/components/Tag.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Tag({ children, tone = "neutral", className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: cn("ds-tag", `ds-tag--${tone}`, className), children });
+}
+
+// src/components/Panel.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Panel({
+  title,
+  actions,
+  children,
+  className,
+  headerClassName,
+  bodyClassName
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: cn("ds-panel", className), children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: cn("ds-panel-header", headerClassName), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: title }),
+      actions
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: cn("ds-panel-body", bodyClassName), children })
+  ] });
+}
+
+// src/components/Field.tsx
+var import_react = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Field({
+  label,
+  hint,
+  error,
+  children,
+  className,
+  interactiveLabel = true
+}) {
+  const id = (0, import_react.useId)();
+  const labelId = `${id}-label`;
+  const hintId = `${id}-hint`;
+  const errorId = `${id}-error`;
+  const Wrapper = interactiveLabel ? "label" : "div";
+  const control = (0, import_react.isValidElement)(children) && children.type !== import_react.Fragment && (typeof children.type !== "string" || [
+    "input",
+    "textarea",
+    "select",
+    "button",
+    "meter",
+    "output",
+    "progress"
+  ].includes(children.type)) ? children : null;
+  const controlId = control?.props.id ?? `${id}-control`;
+  const content = control ? (0, import_react.cloneElement)(control, {
+    id: controlId,
+    "aria-describedby": [control.props["aria-describedby"], hint && hintId, error && errorId].filter(Boolean).join(" ") || void 0,
+    "aria-invalid": error ? true : control.props["aria-invalid"],
+    ...!interactiveLabel ? {
+      "aria-labelledby": [control.props["aria-labelledby"], labelId].filter(Boolean).join(" ")
+    } : {}
+  }) : children;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: cn("ds-field", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      Wrapper,
+      {
+        className: "ds-field-wrapper",
+        ...interactiveLabel && control ? { htmlFor: controlId } : {},
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: labelId, className: "ds-field-label", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ds-field-control", children: content })
+        ]
+      }
+    ),
+    hint ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: hintId, className: "ds-field-hint", children: hint }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: errorId, className: "ds-field-error", role: "alert", children: error }) : null
+  ] });
+}
+
+// src/components/Modal.tsx
+var import_react_aria_components = require("react-aria-components");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Modal({
+  open,
+  title,
+  busy = false,
+  onClose,
+  className,
+  bodyClassName,
+  footer,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_react_aria_components.ModalOverlay,
+    {
+      isOpen: open,
+      onOpenChange: (isOpen) => {
+        if (!isOpen && !busy) onClose();
+      },
+      isDismissable: !busy,
+      className: "ds-modal-overlay",
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_react_aria_components.Modal,
+        {
+          className: cn("ds-modal", footer && "ds-modal--with-footer", className),
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_aria_components.Dialog, { className: "ds-modal-dialog", "aria-label": title, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ds-modal-header", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components.Heading, { slot: "title", className: "ds-modal-title", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Close",
+                  disabled: busy,
+                  onClick: onClose,
+                  className: "ds-modal-close",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                    "svg",
+                    {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      "aria-hidden": "true",
+                      focusable: "false",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m6 6 12 12M6 18 18 6" })
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn("ds-modal-body", bodyClassName), children }),
+            footer ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "ds-modal-footer", children: footer }) : null
+          ] })
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  ButtonLink,
+  Field,
+  Input,
+  Modal,
+  Panel,
+  Tag,
+  Textarea,
+  cn
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts","../../src/lib/cn.ts","../../src/components/Button.tsx","../../src/components/Control.tsx","../../src/components/Tag.tsx","../../src/components/Panel.tsx","../../src/components/Field.tsx","../../src/components/Modal.tsx"],"sourcesContent":["export {\n  Button,\n  ButtonLink,\n  type ButtonProps,\n  type ButtonLinkProps,\n  type ButtonVariant,\n} from './Button';\nexport {\n  Input,\n  Textarea,\n  type InputProps,\n  type TextareaProps,\n} from './Control';\nexport { Tag, type TagProps, type TagTone } from './Tag';\nexport { Panel, type PanelProps } from './Panel';\nexport { Field, type FieldProps } from './Field';\nexport { Modal, type ModalProps } from './Modal';\nexport { cn } from '../lib/cn';\n","import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import type { AnchorHTMLAttributes, ButtonHTMLAttributes, Ref } from 'react';\nimport { cn } from '../lib/cn';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger';\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: ButtonVariant;\n  ref?: Ref<HTMLButtonElement>;\n};\nexport type ButtonLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  variant?: ButtonVariant;\n};\n\nfunction buttonClassName(variant: ButtonVariant, className?: string) {\n  return cn('ds-button', `ds-button--${variant}`, className);\n}\n\nexport function Button({\n  className,\n  type = 'button',\n  variant = 'primary',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      {...props}\n      className={buttonClassName(variant, className)}\n      type={type}\n    />\n  );\n}\n\nexport function ButtonLink({\n  className,\n  variant = 'primary',\n  ...props\n}: ButtonLinkProps) {\n  return <a {...props} className={buttonClassName(variant, className)} />;\n}\n","import type { ComponentPropsWithRef } from 'react';\nimport { cn } from '../lib/cn';\n\nexport type InputProps = ComponentPropsWithRef<'input'>;\nexport type TextareaProps = ComponentPropsWithRef<'textarea'>;\n\nexport function Input({ className, ...props }: InputProps) {\n  return <input {...props} className={cn('ds-control', className)} />;\n}\n\nexport function Textarea({ className, ...props }: TextareaProps) {\n  return (\n    <textarea\n      {...props}\n      className={cn('ds-control', 'ds-textarea', className)}\n    />\n  );\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '../lib/cn';\n\nexport type TagTone = 'neutral' | 'success' | 'warning' | 'danger' | 'info';\nexport type TagProps = {\n  children: ReactNode;\n  tone?: TagTone;\n  className?: string;\n};\n\nexport function Tag({ children, tone = 'neutral', className }: TagProps) {\n  return (\n    <span className={cn('ds-tag', `ds-tag--${tone}`, className)}>\n      {children}\n    </span>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '../lib/cn';\n\nexport type PanelProps = {\n  title?: ReactNode;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  headerClassName?: string;\n  bodyClassName?: string;\n};\n\nexport function Panel({\n  title,\n  actions,\n  children,\n  className,\n  headerClassName,\n  bodyClassName,\n}: PanelProps) {\n  return (\n    <section className={cn('ds-panel', className)}>\n      {title ? (\n        <header className={cn('ds-panel-header', headerClassName)}>\n          <span>{title}</span>\n          {actions}\n        </header>\n      ) : null}\n      <div className={cn('ds-panel-body', bodyClassName)}>{children}</div>\n    </section>\n  );\n}\n","import {\n  cloneElement,\n  Fragment,\n  isValidElement,\n  useId,\n  type AriaAttributes,\n  type ReactNode,\n} from 'react';\nimport { cn } from '../lib/cn';\n\nexport type FieldProps = {\n  label: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  interactiveLabel?: boolean;\n};\n\ntype ControlAttributes = AriaAttributes & { id?: string };\n\nexport function Field({\n  label,\n  hint,\n  error,\n  children,\n  className,\n  interactiveLabel = true,\n}: FieldProps) {\n  const id = useId();\n  const labelId = `${id}-label`;\n  const hintId = `${id}-hint`;\n  const errorId = `${id}-error`;\n  const Wrapper = interactiveLabel ? 'label' : 'div';\n  const control =\n    isValidElement<ControlAttributes>(children) &&\n    children.type !== Fragment &&\n    (typeof children.type !== 'string' ||\n      [\n        'input',\n        'textarea',\n        'select',\n        'button',\n        'meter',\n        'output',\n        'progress',\n      ].includes(children.type))\n      ? children\n      : null;\n  const controlId = control?.props.id ?? `${id}-control`;\n  const content = control\n    ? cloneElement(control, {\n        id: controlId,\n        'aria-describedby':\n          [control.props['aria-describedby'], hint && hintId, error && errorId]\n            .filter(Boolean)\n            .join(' ') || undefined,\n        'aria-invalid': error ? true : control.props['aria-invalid'],\n        ...(!interactiveLabel\n          ? {\n              'aria-labelledby': [control.props['aria-labelledby'], labelId]\n                .filter(Boolean)\n                .join(' '),\n            }\n          : {}),\n      })\n    : children;\n\n  return (\n    <div className={cn('ds-field', className)}>\n      <Wrapper\n        className=\"ds-field-wrapper\"\n        {...(interactiveLabel && control ? { htmlFor: controlId } : {})}\n      >\n        <span id={labelId} className=\"ds-field-label\">\n          {label}\n        </span>\n        <span className=\"ds-field-control\">{content}</span>\n      </Wrapper>\n      {hint ? (\n        <span id={hintId} className=\"ds-field-hint\">\n          {hint}\n        </span>\n      ) : null}\n      {error ? (\n        <span id={errorId} className=\"ds-field-error\" role=\"alert\">\n          {error}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport {\n  Dialog,\n  Heading,\n  Modal as AriaModal,\n  ModalOverlay,\n} from 'react-aria-components';\nimport { cn } from '../lib/cn';\n\nexport type ModalProps = {\n  open: boolean;\n  title: string;\n  busy?: boolean;\n  onClose: () => void;\n  className?: string;\n  bodyClassName?: string;\n  footer?: ReactNode;\n  children: ReactNode;\n};\n\nexport function Modal({\n  open,\n  title,\n  busy = false,\n  onClose,\n  className,\n  bodyClassName,\n  footer,\n  children,\n}: ModalProps) {\n  return (\n    <ModalOverlay\n      isOpen={open}\n      onOpenChange={(isOpen) => {\n        if (!isOpen && !busy) onClose();\n      }}\n      isDismissable={!busy}\n      className=\"ds-modal-overlay\"\n    >\n      <AriaModal\n        className={cn('ds-modal', footer && 'ds-modal--with-footer', className)}\n      >\n        <Dialog className=\"ds-modal-dialog\" aria-label={title}>\n          <div className=\"ds-modal-header\">\n            <Heading slot=\"title\" className=\"ds-modal-title\">\n              {title}\n            </Heading>\n            <button\n              type=\"button\"\n              aria-label=\"Close\"\n              disabled={busy}\n              onClick={onClose}\n              className=\"ds-modal-close\"\n            >\n              <svg\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n              >\n                <path d=\"m6 6 12 12M6 18 18 6\" />\n              </svg>\n            </button>\n          </div>\n          <div className={cn('ds-modal-body', bodyClassName)}>{children}</div>\n          {footer ? <div className=\"ds-modal-footer\">{footer}</div> : null}\n        </Dialog>\n      </AriaModal>\n    </ModalOverlay>\n  );\n}\n"],"mappings":"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","names":["import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","AriaModal"]}

package/dist/components/index.d.cts

@@ -0,0 +1,63 @@
+import * as react from 'react';
+import { ButtonHTMLAttributes, Ref, AnchorHTMLAttributes, ComponentPropsWithRef, ReactNode } from 'react';
+import { ClassValue } from 'clsx';
+
+type ButtonVariant = 'primary' | 'secondary' | 'danger';
+type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: ButtonVariant;
+    ref?: Ref<HTMLButtonElement>;
+};
+type ButtonLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+    variant?: ButtonVariant;
+};
+declare function Button({ className, type, variant, ...props }: ButtonProps): react.JSX.Element;
+declare function ButtonLink({ className, variant, ...props }: ButtonLinkProps): react.JSX.Element;
+
+type InputProps = ComponentPropsWithRef<'input'>;
+type TextareaProps = ComponentPropsWithRef<'textarea'>;
+declare function Input({ className, ...props }: InputProps): react.JSX.Element;
+declare function Textarea({ className, ...props }: TextareaProps): react.JSX.Element;
+
+type TagTone = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+type TagProps = {
+    children: ReactNode;
+    tone?: TagTone;
+    className?: string;
+};
+declare function Tag({ children, tone, className }: TagProps): react.JSX.Element;
+
+type PanelProps = {
+    title?: ReactNode;
+    actions?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+};
+declare function Panel({ title, actions, children, className, headerClassName, bodyClassName, }: PanelProps): react.JSX.Element;
+
+type FieldProps = {
+    label: ReactNode;
+    hint?: ReactNode;
+    error?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    interactiveLabel?: boolean;
+};
+declare function Field({ label, hint, error, children, className, interactiveLabel, }: FieldProps): react.JSX.Element;
+
+type ModalProps = {
+    open: boolean;
+    title: string;
+    busy?: boolean;
+    onClose: () => void;
+    className?: string;
+    bodyClassName?: string;
+    footer?: ReactNode;
+    children: ReactNode;
+};
+declare function Modal({ open, title, busy, onClose, className, bodyClassName, footer, children, }: ModalProps): react.JSX.Element;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonVariant, Field, type FieldProps, Input, type InputProps, Modal, type ModalProps, Panel, type PanelProps, Tag, type TagProps, type TagTone, Textarea, type TextareaProps, cn };

package/dist/components/index.d.ts

@@ -0,0 +1,63 @@
+import * as react from 'react';
+import { ButtonHTMLAttributes, Ref, AnchorHTMLAttributes, ComponentPropsWithRef, ReactNode } from 'react';
+import { ClassValue } from 'clsx';
+
+type ButtonVariant = 'primary' | 'secondary' | 'danger';
+type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: ButtonVariant;
+    ref?: Ref<HTMLButtonElement>;
+};
+type ButtonLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+    variant?: ButtonVariant;
+};
+declare function Button({ className, type, variant, ...props }: ButtonProps): react.JSX.Element;
+declare function ButtonLink({ className, variant, ...props }: ButtonLinkProps): react.JSX.Element;
+
+type InputProps = ComponentPropsWithRef<'input'>;
+type TextareaProps = ComponentPropsWithRef<'textarea'>;
+declare function Input({ className, ...props }: InputProps): react.JSX.Element;
+declare function Textarea({ className, ...props }: TextareaProps): react.JSX.Element;
+
+type TagTone = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+type TagProps = {
+    children: ReactNode;
+    tone?: TagTone;
+    className?: string;
+};
+declare function Tag({ children, tone, className }: TagProps): react.JSX.Element;
+
+type PanelProps = {
+    title?: ReactNode;
+    actions?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+};
+declare function Panel({ title, actions, children, className, headerClassName, bodyClassName, }: PanelProps): react.JSX.Element;
+
+type FieldProps = {
+    label: ReactNode;
+    hint?: ReactNode;
+    error?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    interactiveLabel?: boolean;
+};
+declare function Field({ label, hint, error, children, className, interactiveLabel, }: FieldProps): react.JSX.Element;
+
+type ModalProps = {
+    open: boolean;
+    title: string;
+    busy?: boolean;
+    onClose: () => void;
+    className?: string;
+    bodyClassName?: string;
+    footer?: ReactNode;
+    children: ReactNode;
+};
+declare function Modal({ open, title, busy, onClose, className, bodyClassName, footer, children, }: ModalProps): react.JSX.Element;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonVariant, Field, type FieldProps, Input, type InputProps, Modal, type ModalProps, Panel, type PanelProps, Tag, type TagProps, type TagTone, Textarea, type TextareaProps, cn };

package/dist/components/index.js

@@ -0,0 +1,208 @@
+// src/lib/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/Button.tsx
+import { jsx } from "react/jsx-runtime";
+function buttonClassName(variant, className) {
+  return cn("ds-button", `ds-button--${variant}`, className);
+}
+function Button({
+  className,
+  type = "button",
+  variant = "primary",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ...props,
+      className: buttonClassName(variant, className),
+      type
+    }
+  );
+}
+function ButtonLink({
+  className,
+  variant = "primary",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("a", { ...props, className: buttonClassName(variant, className) });
+}
+
+// src/components/Control.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Input({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("input", { ...props, className: cn("ds-control", className) });
+}
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(
+    "textarea",
+    {
+      ...props,
+      className: cn("ds-control", "ds-textarea", className)
+    }
+  );
+}
+
+// src/components/Tag.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Tag({ children, tone = "neutral", className }) {
+  return /* @__PURE__ */ jsx3("span", { className: cn("ds-tag", `ds-tag--${tone}`, className), children });
+}
+
+// src/components/Panel.tsx
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+function Panel({
+  title,
+  actions,
+  children,
+  className,
+  headerClassName,
+  bodyClassName
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: cn("ds-panel", className), children: [
+    title ? /* @__PURE__ */ jsxs("header", { className: cn("ds-panel-header", headerClassName), children: [
+      /* @__PURE__ */ jsx4("span", { children: title }),
+      actions
+    ] }) : null,
+    /* @__PURE__ */ jsx4("div", { className: cn("ds-panel-body", bodyClassName), children })
+  ] });
+}
+
+// src/components/Field.tsx
+import {
+  cloneElement,
+  Fragment,
+  isValidElement,
+  useId
+} from "react";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+function Field({
+  label,
+  hint,
+  error,
+  children,
+  className,
+  interactiveLabel = true
+}) {
+  const id = useId();
+  const labelId = `${id}-label`;
+  const hintId = `${id}-hint`;
+  const errorId = `${id}-error`;
+  const Wrapper = interactiveLabel ? "label" : "div";
+  const control = isValidElement(children) && children.type !== Fragment && (typeof children.type !== "string" || [
+    "input",
+    "textarea",
+    "select",
+    "button",
+    "meter",
+    "output",
+    "progress"
+  ].includes(children.type)) ? children : null;
+  const controlId = control?.props.id ?? `${id}-control`;
+  const content = control ? cloneElement(control, {
+    id: controlId,
+    "aria-describedby": [control.props["aria-describedby"], hint && hintId, error && errorId].filter(Boolean).join(" ") || void 0,
+    "aria-invalid": error ? true : control.props["aria-invalid"],
+    ...!interactiveLabel ? {
+      "aria-labelledby": [control.props["aria-labelledby"], labelId].filter(Boolean).join(" ")
+    } : {}
+  }) : children;
+  return /* @__PURE__ */ jsxs2("div", { className: cn("ds-field", className), children: [
+    /* @__PURE__ */ jsxs2(
+      Wrapper,
+      {
+        className: "ds-field-wrapper",
+        ...interactiveLabel && control ? { htmlFor: controlId } : {},
+        children: [
+          /* @__PURE__ */ jsx5("span", { id: labelId, className: "ds-field-label", children: label }),
+          /* @__PURE__ */ jsx5("span", { className: "ds-field-control", children: content })
+        ]
+      }
+    ),
+    hint ? /* @__PURE__ */ jsx5("span", { id: hintId, className: "ds-field-hint", children: hint }) : null,
+    error ? /* @__PURE__ */ jsx5("span", { id: errorId, className: "ds-field-error", role: "alert", children: error }) : null
+  ] });
+}
+
+// src/components/Modal.tsx
+import {
+  Dialog,
+  Heading,
+  Modal as AriaModal,
+  ModalOverlay
+} from "react-aria-components";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+function Modal({
+  open,
+  title,
+  busy = false,
+  onClose,
+  className,
+  bodyClassName,
+  footer,
+  children
+}) {
+  return /* @__PURE__ */ jsx6(
+    ModalOverlay,
+    {
+      isOpen: open,
+      onOpenChange: (isOpen) => {
+        if (!isOpen && !busy) onClose();
+      },
+      isDismissable: !busy,
+      className: "ds-modal-overlay",
+      children: /* @__PURE__ */ jsx6(
+        AriaModal,
+        {
+          className: cn("ds-modal", footer && "ds-modal--with-footer", className),
+          children: /* @__PURE__ */ jsxs3(Dialog, { className: "ds-modal-dialog", "aria-label": title, children: [
+            /* @__PURE__ */ jsxs3("div", { className: "ds-modal-header", children: [
+              /* @__PURE__ */ jsx6(Heading, { slot: "title", className: "ds-modal-title", children: title }),
+              /* @__PURE__ */ jsx6(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Close",
+                  disabled: busy,
+                  onClick: onClose,
+                  className: "ds-modal-close",
+                  children: /* @__PURE__ */ jsx6(
+                    "svg",
+                    {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      "aria-hidden": "true",
+                      focusable: "false",
+                      children: /* @__PURE__ */ jsx6("path", { d: "m6 6 12 12M6 18 18 6" })
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx6("div", { className: cn("ds-modal-body", bodyClassName), children }),
+            footer ? /* @__PURE__ */ jsx6("div", { className: "ds-modal-footer", children: footer }) : null
+          ] })
+        }
+      )
+    }
+  );
+}
+export {
+  Button,
+  ButtonLink,
+  Field,
+  Input,
+  Modal,
+  Panel,
+  Tag,
+  Textarea,
+  cn
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/cn.ts","../../src/components/Button.tsx","../../src/components/Control.tsx","../../src/components/Tag.tsx","../../src/components/Panel.tsx","../../src/components/Field.tsx","../../src/components/Modal.tsx"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import type { AnchorHTMLAttributes, ButtonHTMLAttributes, Ref } from 'react';\nimport { cn } from '../lib/cn';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger';\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: ButtonVariant;\n  ref?: Ref<HTMLButtonElement>;\n};\nexport type ButtonLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  variant?: ButtonVariant;\n};\n\nfunction buttonClassName(variant: ButtonVariant, className?: string) {\n  return cn('ds-button', `ds-button--${variant}`, className);\n}\n\nexport function Button({\n  className,\n  type = 'button',\n  variant = 'primary',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      {...props}\n      className={buttonClassName(variant, className)}\n      type={type}\n    />\n  );\n}\n\nexport function ButtonLink({\n  className,\n  variant = 'primary',\n  ...props\n}: ButtonLinkProps) {\n  return <a {...props} className={buttonClassName(variant, className)} />;\n}\n","import type { ComponentPropsWithRef } from 'react';\nimport { cn } from '../lib/cn';\n\nexport type InputProps = ComponentPropsWithRef<'input'>;\nexport type TextareaProps = ComponentPropsWithRef<'textarea'>;\n\nexport function Input({ className, ...props }: InputProps) {\n  return <input {...props} className={cn('ds-control', className)} />;\n}\n\nexport function Textarea({ className, ...props }: TextareaProps) {\n  return (\n    <textarea\n      {...props}\n      className={cn('ds-control', 'ds-textarea', className)}\n    />\n  );\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '../lib/cn';\n\nexport type TagTone = 'neutral' | 'success' | 'warning' | 'danger' | 'info';\nexport type TagProps = {\n  children: ReactNode;\n  tone?: TagTone;\n  className?: string;\n};\n\nexport function Tag({ children, tone = 'neutral', className }: TagProps) {\n  return (\n    <span className={cn('ds-tag', `ds-tag--${tone}`, className)}>\n      {children}\n    </span>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '../lib/cn';\n\nexport type PanelProps = {\n  title?: ReactNode;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  headerClassName?: string;\n  bodyClassName?: string;\n};\n\nexport function Panel({\n  title,\n  actions,\n  children,\n  className,\n  headerClassName,\n  bodyClassName,\n}: PanelProps) {\n  return (\n    <section className={cn('ds-panel', className)}>\n      {title ? (\n        <header className={cn('ds-panel-header', headerClassName)}>\n          <span>{title}</span>\n          {actions}\n        </header>\n      ) : null}\n      <div className={cn('ds-panel-body', bodyClassName)}>{children}</div>\n    </section>\n  );\n}\n","import {\n  cloneElement,\n  Fragment,\n  isValidElement,\n  useId,\n  type AriaAttributes,\n  type ReactNode,\n} from 'react';\nimport { cn } from '../lib/cn';\n\nexport type FieldProps = {\n  label: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  interactiveLabel?: boolean;\n};\n\ntype ControlAttributes = AriaAttributes & { id?: string };\n\nexport function Field({\n  label,\n  hint,\n  error,\n  children,\n  className,\n  interactiveLabel = true,\n}: FieldProps) {\n  const id = useId();\n  const labelId = `${id}-label`;\n  const hintId = `${id}-hint`;\n  const errorId = `${id}-error`;\n  const Wrapper = interactiveLabel ? 'label' : 'div';\n  const control =\n    isValidElement<ControlAttributes>(children) &&\n    children.type !== Fragment &&\n    (typeof children.type !== 'string' ||\n      [\n        'input',\n        'textarea',\n        'select',\n        'button',\n        'meter',\n        'output',\n        'progress',\n      ].includes(children.type))\n      ? children\n      : null;\n  const controlId = control?.props.id ?? `${id}-control`;\n  const content = control\n    ? cloneElement(control, {\n        id: controlId,\n        'aria-describedby':\n          [control.props['aria-describedby'], hint && hintId, error && errorId]\n            .filter(Boolean)\n            .join(' ') || undefined,\n        'aria-invalid': error ? true : control.props['aria-invalid'],\n        ...(!interactiveLabel\n          ? {\n              'aria-labelledby': [control.props['aria-labelledby'], labelId]\n                .filter(Boolean)\n                .join(' '),\n            }\n          : {}),\n      })\n    : children;\n\n  return (\n    <div className={cn('ds-field', className)}>\n      <Wrapper\n        className=\"ds-field-wrapper\"\n        {...(interactiveLabel && control ? { htmlFor: controlId } : {})}\n      >\n        <span id={labelId} className=\"ds-field-label\">\n          {label}\n        </span>\n        <span className=\"ds-field-control\">{content}</span>\n      </Wrapper>\n      {hint ? (\n        <span id={hintId} className=\"ds-field-hint\">\n          {hint}\n        </span>\n      ) : null}\n      {error ? (\n        <span id={errorId} className=\"ds-field-error\" role=\"alert\">\n          {error}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport {\n  Dialog,\n  Heading,\n  Modal as AriaModal,\n  ModalOverlay,\n} from 'react-aria-components';\nimport { cn } from '../lib/cn';\n\nexport type ModalProps = {\n  open: boolean;\n  title: string;\n  busy?: boolean;\n  onClose: () => void;\n  className?: string;\n  bodyClassName?: string;\n  footer?: ReactNode;\n  children: ReactNode;\n};\n\nexport function Modal({\n  open,\n  title,\n  busy = false,\n  onClose,\n  className,\n  bodyClassName,\n  footer,\n  children,\n}: ModalProps) {\n  return (\n    <ModalOverlay\n      isOpen={open}\n      onOpenChange={(isOpen) => {\n        if (!isOpen && !busy) onClose();\n      }}\n      isDismissable={!busy}\n      className=\"ds-modal-overlay\"\n    >\n      <AriaModal\n        className={cn('ds-modal', footer && 'ds-modal--with-footer', className)}\n      >\n        <Dialog className=\"ds-modal-dialog\" aria-label={title}>\n          <div className=\"ds-modal-header\">\n            <Heading slot=\"title\" className=\"ds-modal-title\">\n              {title}\n            </Heading>\n            <button\n              type=\"button\"\n              aria-label=\"Close\"\n              disabled={busy}\n              onClick={onClose}\n              className=\"ds-modal-close\"\n            >\n              <svg\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n              >\n                <path d=\"m6 6 12 12M6 18 18 6\" />\n              </svg>\n            </button>\n          </div>\n          <div className={cn('ds-modal-body', bodyClassName)}>{children}</div>\n          {footer ? <div className=\"ds-modal-footer\">{footer}</div> : null}\n        </Dialog>\n      </AriaModal>\n    </ModalOverlay>\n  );\n}\n"],"mappings":"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","names":["jsx","jsx","jsx","jsx","jsxs","jsx","jsxs"]}