@inshorts/glint-ui 0.5.4 → 0.6.0

package/dist/button.d.ts

@@ -0,0 +1,34 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "secondary" | "ghost" | "destructive" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | "icon-sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    /**
+     * Work is in flight: shows a spinner, disables the button, and sets
+     * `aria-busy`.
+     *
+     * This exists because the panel had 272 disabled buttons and only 22 that
+     * said anything about why — the rest went dead on click with no spinner and
+     * no label change, which reads as a broken button rather than a busy one.
+     * Making the feedback part of `disabled` rather than something each caller
+     * remembers separately is the only way that ratio stays fixed.
+     *
+     * The label is kept rather than swapped. "Saving…" loses which button you
+     * pressed, and the spinner already says it is working. An icon-only button
+     * is the exception — there is no room beside the glyph, so the spinner takes
+     * its place; the `aria-label` is what names the button either way.
+     *
+     * "Icon-only" means an icon `size`. A square button that grew a spinner
+     * beside its glyph would not just look wrong, it would resize mid-request
+     * and shove whatever sits next to it sideways.
+     */
+    loading?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

package/dist/button.js

@@ -0,0 +1,9 @@
+import {
+  Button
+} from "./chunk-KR3BCFP7.js";
+import "./chunk-UE7JY7VR.js";
+import "./chunk-HCA5ODCD.js";
+export {
+  Button
+};
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/card.cjs

@@ -0,0 +1,111 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/card.tsx
+var card_exports = {};
+__export(card_exports, {
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle
+});
+module.exports = __toCommonJS(card_exports);
+var React = __toESM(require("react"), 1);
+
+// src/utils.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/card.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: cn(
+      "bg-card text-card-foreground rounded-xl border shadow",
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("leading-none font-semibold tracking-tight", className),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle
+});
+//# sourceMappingURL=card.cjs.map

package/dist/card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/card.tsx","../src/utils.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\n/**\n * Surface container for grouped content. Prefer a bare section when there is\n * no need for border / padding chrome — cards are for interactive or\n * self-contained blocks, not every stack of text.\n */\nexport const Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"bg-card text-card-foreground rounded-xl border shadow\",\n      className,\n    )}\n    {...props}\n  />\n));\nCard.displayName = \"Card\";\n\nexport const CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n    {...props}\n  />\n));\nCardHeader.displayName = \"CardHeader\";\n\nexport const CardTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"leading-none font-semibold tracking-tight\", className)}\n    {...props}\n  />\n));\nCardTitle.displayName = \"CardTitle\";\n\nexport const CardDescription = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"text-muted-foreground text-sm\", className)}\n    {...props}\n  />\n));\nCardDescription.displayName = \"CardDescription\";\n\nexport const CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n));\nCardContent.displayName = \"CardContent\";\n\nexport const CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center p-6 pt-0\", className)}\n    {...props}\n  />\n));\nCardFooter.displayName = \"CardFooter\";\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;;;ACAvB,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADQE;AAJK,IAAM,OAAa,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,KAAK,cAAc;AAEZ,IAAM,aAAmB,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc;AAElB,IAAM,YAAkB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,6CAA6C,SAAS;AAAA,IACnE,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAEjB,IAAM,kBAAwB,iBAGnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,gBAAgB,cAAc;AAEvB,IAAM,cAAoB,iBAG/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,4CAAC,SAAI,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO,CACjE;AACD,YAAY,cAAc;AAEnB,IAAM,aAAmB,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,IACpD,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc;","names":[]}

package/dist/card.d.cts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+/**
+ * Surface container for grouped content. Prefer a bare section when there is
+ * no need for border / padding chrome — cards are for interactive or
+ * self-contained blocks, not every stack of text.
+ */
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/card.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+/**
+ * Surface container for grouped content. Prefer a bare section when there is
+ * no need for border / padding chrome — cards are for interactive or
+ * self-contained blocks, not every stack of text.
+ */
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/card.js

@@ -0,0 +1,18 @@
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle
+} from "./chunk-GMCUXEFI.js";
+import "./chunk-HCA5ODCD.js";
+export {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle
+};
+//# sourceMappingURL=card.js.map

package/dist/card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/checkbox.cjs

@@ -0,0 +1,66 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/checkbox.tsx
+var checkbox_exports = {};
+__export(checkbox_exports, {
+  Checkbox: () => Checkbox,
+  checkboxClass: () => checkboxClass
+});
+module.exports = __toCommonJS(checkbox_exports);
+var React = __toESM(require("react"), 1);
+
+// src/utils.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/checkbox.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var checkboxClass = "accent-primary border-border focus-visible:ring-ring size-4 shrink-0 cursor-pointer rounded border focus-visible:ring-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50";
+var Checkbox = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "input",
+    {
+      ref,
+      type: "checkbox",
+      className: cn(checkboxClass, className),
+      ...props
+    }
+  )
+);
+Checkbox.displayName = "Checkbox";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Checkbox,
+  checkboxClass
+});
+//# sourceMappingURL=checkbox.cjs.map

package/dist/checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox.tsx","../src/utils.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\n/**\n * The native checkbox, sized and coloured once.\n *\n * Twenty-six of these were scattered across thirteen files and twenty of them\n * carried **no class at all** — browser defaults, so they were a different size\n * to the six that set `size-4` and drew their tick in the operating system's\n * accent rather than the panel's.\n *\n * This deliberately stays a native `<input type=\"checkbox\">` rather than an\n * `appearance-none` box with an SVG tick. Native gets indeterminate state,\n * form participation, platform focus behaviour and assistive-technology support\n * for free, and a custom one would have to re-earn all of it to look slightly\n * different.\n *\n * `border` and `rounded` mostly do not render on a native checkbox — they are\n * kept because the six styled copies had them and removing them would be a\n * silent change to those. `accent-primary` and `size-4` are what actually show.\n */\nexport const checkboxClass =\n  \"accent-primary border-border focus-visible:ring-ring size-4 shrink-0 cursor-pointer rounded border focus-visible:ring-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50\";\n\nexport type CheckboxProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"type\"\n>;\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ className, ...props }, ref) => (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      className={cn(checkboxClass, className)}\n      {...props}\n    />\n  ),\n);\n\nCheckbox.displayName = \"Checkbox\";\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;;;ACAvB,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AD2BI;AAVG,IAAM,gBACX;AAOK,IAAM,WAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,WAAW,GAAG,eAAe,SAAS;AAAA,MACrC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc;","names":[]}

package/{src/checkbox.tsx → dist/checkbox.d.cts}

@@ -1,6 +1,4 @@
-import * as React from "react";
-
-import { cn } from "./utils";
+import * as React from 'react';
 
 /**
  * The native checkbox, sized and coloured once.
@@ -20,23 +18,8 @@ import { cn } from "./utils";
  * kept because the six styled copies had them and removing them would be a
  * silent change to those. `accent-primary` and `size-4` are what actually show.
  */
-export const checkboxClass =
-  "accent-primary border-border focus-visible:ring-ring size-4 shrink-0 cursor-pointer rounded border focus-visible:ring-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50";
-
-export type CheckboxProps = Omit<
-  React.InputHTMLAttributes<HTMLInputElement>,
-  "type"
->;
-
-export const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(
-  ({ className, ...props }, ref) => (
-    <input
-      ref={ref}
-      type="checkbox"
-      className={cn(checkboxClass, className)}
-      {...props}
-    />
-  ),
-);
+declare const checkboxClass = "accent-primary border-border focus-visible:ring-ring size-4 shrink-0 cursor-pointer rounded border focus-visible:ring-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50";
+type CheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type">;
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
 
-Checkbox.displayName = "Checkbox";
+export { Checkbox, type CheckboxProps, checkboxClass };

package/dist/checkbox.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+
+/**
+ * The native checkbox, sized and coloured once.
+ *
+ * Twenty-six of these were scattered across thirteen files and twenty of them
+ * carried **no class at all** — browser defaults, so they were a different size
+ * to the six that set `size-4` and drew their tick in the operating system's
+ * accent rather than the panel's.
+ *
+ * This deliberately stays a native `<input type="checkbox">` rather than an
+ * `appearance-none` box with an SVG tick. Native gets indeterminate state,
+ * form participation, platform focus behaviour and assistive-technology support
+ * for free, and a custom one would have to re-earn all of it to look slightly
+ * different.
+ *
+ * `border` and `rounded` mostly do not render on a native checkbox — they are
+ * kept because the six styled copies had them and removing them would be a
+ * silent change to those. `accent-primary` and `size-4` are what actually show.
+ */
+declare const checkboxClass = "accent-primary border-border focus-visible:ring-ring size-4 shrink-0 cursor-pointer rounded border focus-visible:ring-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50";
+type CheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type">;
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Checkbox, type CheckboxProps, checkboxClass };

package/dist/checkbox.js

@@ -0,0 +1,10 @@
+import {
+  Checkbox,
+  checkboxClass
+} from "./chunk-HYRJYUPI.js";
+import "./chunk-HCA5ODCD.js";
+export {
+  Checkbox,
+  checkboxClass
+};
+//# sourceMappingURL=checkbox.js.map

package/dist/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-43ZUFY63.js

@@ -0,0 +1,85 @@
+import {
+  useHasMounted
+} from "./chunk-YSU4VWRD.js";
+import {
+  useDialogLayer
+} from "./chunk-HBBOR43A.js";
+import {
+  Button
+} from "./chunk-KR3BCFP7.js";
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/side-drawer.tsx
+import { X } from "lucide-react";
+import * as React from "react";
+import { createPortal } from "react-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function SideDrawer({
+  isOpen,
+  title,
+  onClose,
+  children,
+  panelClassName
+}) {
+  const mounted = useHasMounted();
+  const headingId = React.useId();
+  const panelRef = React.useRef(null);
+  useDialogLayer({
+    // Gated on `mounted` too: before that the panel is not rendered, so there
+    // would be nothing to move focus into.
+    active: isOpen && mounted,
+    containerRef: panelRef,
+    onEscape: onClose
+  });
+  if (!mounted || !isOpen) return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          "aria-hidden": true,
+          onClick: onClose,
+          className: "fixed inset-0 z-[90] bg-slate-950/30"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "aside",
+        {
+          ref: panelRef,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": headingId,
+          tabIndex: -1,
+          className: cn(
+            "border-border bg-background fixed inset-y-0 right-0 z-[95] flex flex-col border-l shadow-2xl outline-none",
+            panelClassName ?? "w-full max-w-md"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "border-border flex items-center justify-between gap-3 border-b px-4 py-3", children: [
+              /* @__PURE__ */ jsx("h2", { id: headingId, className: "truncate text-base font-semibold", children: title }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  "aria-label": "Close panel",
+                  onClick: onClose,
+                  children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4", "aria-hidden": true })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+
+export {
+  SideDrawer
+};
+//# sourceMappingURL=chunk-43ZUFY63.js.map

package/dist/chunk-43ZUFY63.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/side-drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { X } from \"lucide-react\";\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { Button } from \"./button\";\nimport { useDialogLayer } from \"./dialogLayer\";\nimport { useHasMounted } from \"./modal\";\nimport { cn } from \"./utils\";\n\ninterface SideDrawerProps {\n  isOpen: boolean;\n  title: string;\n  onClose: () => void;\n  children: React.ReactNode;\n  /** Tailwind width class for the panel. Defaults to a reading-width column. */\n  panelClassName?: string;\n}\n\n/**\n * A panel that slides in from the right.\n *\n * For content that belongs beside the page rather than on top of it — a queue\n * you glance at and dismiss, not a decision you have to answer. Unlike\n * `Modal`, it does not centre or dim the whole page to a stop: the table\n * underneath stays readable, which is the point of looking at both.\n */\nexport function SideDrawer({\n  isOpen,\n  title,\n  onClose,\n  children,\n  panelClassName,\n}: SideDrawerProps) {\n  const mounted = useHasMounted();\n  const headingId = React.useId();\n  const panelRef = React.useRef<HTMLElement>(null);\n\n  useDialogLayer({\n    // Gated on `mounted` too: before that the panel is not rendered, so there\n    // would be nothing to move focus into.\n    active: isOpen && mounted,\n    containerRef: panelRef,\n    onEscape: onClose,\n  });\n\n  if (!mounted || !isOpen) return null;\n\n  return createPortal(\n    <>\n      <div\n        aria-hidden\n        onClick={onClose}\n        className=\"fixed inset-0 z-[90] bg-slate-950/30\"\n      />\n      <aside\n        ref={panelRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={headingId}\n        tabIndex={-1}\n        className={cn(\n          \"border-border bg-background fixed inset-y-0 right-0 z-[95] flex flex-col border-l shadow-2xl outline-none\",\n          panelClassName ?? \"w-full max-w-md\",\n        )}\n      >\n        <div className=\"border-border flex items-center justify-between gap-3 border-b px-4 py-3\">\n          <h2 id={headingId} className=\"truncate text-base font-semibold\">\n            {title}\n          </h2>\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            aria-label=\"Close panel\"\n            onClick={onClose}\n          >\n            <X className=\"h-4 w-4\" aria-hidden />\n          </Button>\n        </div>\n\n        <div className=\"min-h-0 flex-1 overflow-y-auto p-4\">{children}</div>\n      </aside>\n    </>,\n    document.body,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAEA,SAAS,SAAS;AAClB,YAAY,WAAW;AACvB,SAAS,oBAAoB;AA8CzB,mBACE,KAgBE,YAjBJ;AAtBG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,UAAU,cAAc;AAC9B,QAAM,YAAkB,YAAM;AAC9B,QAAM,WAAiB,aAAoB,IAAI;AAE/C,iBAAe;AAAA;AAAA;AAAA,IAGb,QAAQ,UAAU;AAAA,IAClB,cAAc;AAAA,IACd,UAAU;AAAA,EACZ,CAAC;AAED,MAAI,CAAC,WAAW,CAAC,OAAQ,QAAO;AAEhC,SAAO;AAAA,IACL,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,SAAS;AAAA,UACT,WAAU;AAAA;AAAA,MACZ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA,UACL,cAAW;AAAA,UACX,mBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,WAAW;AAAA,YACT;AAAA,YACA,kBAAkB;AAAA,UACpB;AAAA,UAEA;AAAA,iCAAC,SAAI,WAAU,4EACb;AAAA,kCAAC,QAAG,IAAI,WAAW,WAAU,oCAC1B,iBACH;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,cAAW;AAAA,kBACX,SAAS;AAAA,kBAET,8BAAC,KAAE,WAAU,WAAU,eAAW,MAAC;AAAA;AAAA,cACrC;AAAA,eACF;AAAA,YAEA,oBAAC,SAAI,WAAU,sCAAsC,UAAS;AAAA;AAAA;AAAA,MAChE;AAAA,OACF;AAAA,IACA,SAAS;AAAA,EACX;AACF;","names":[]}

package/dist/chunk-67ACNS42.js

@@ -0,0 +1,29 @@
+import {
+  cn
+} from "./chunk-HCA5ODCD.js";
+
+// src/field.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Field({
+  label,
+  required,
+  htmlFor,
+  as = "div",
+  className,
+  children
+}) {
+  const Wrapper = as;
+  const labelNode = /* @__PURE__ */ jsxs(Fragment, { children: [
+    label,
+    required ? /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" }) : null
+  ] });
+  return /* @__PURE__ */ jsxs(Wrapper, { className: cn("space-y-1 text-sm", className), children: [
+    htmlFor && as === "div" ? /* @__PURE__ */ jsx("label", { htmlFor, className: "text-muted-foreground", children: labelNode }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: labelNode }),
+    children
+  ] });
+}
+
+export {
+  Field
+};
+//# sourceMappingURL=chunk-67ACNS42.js.map

package/dist/chunk-67ACNS42.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/field.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\ninterface FieldProps {\n  label: React.ReactNode;\n  required?: boolean;\n  /**\n   * Associates the label with a control via `htmlFor` / `id`. Prefer this for\n   * native inputs rendered as siblings (not wrapped). For composite controls\n   * (Autocomplete), omit and use `as=\"label\"` wrapping or an `aria-label`.\n   */\n  htmlFor?: string;\n  /**\n   * Render as a `<label>` (wraps a native control so clicking the text focuses\n   * it) or a `<div>` (for composite controls like Autocomplete that manage\n   * their own focus / render in a portal). Defaults to `div`.\n   */\n  as?: \"label\" | \"div\";\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function Field({\n  label,\n  required,\n  htmlFor,\n  as = \"div\",\n  className,\n  children,\n}: FieldProps) {\n  const Wrapper = as;\n  const labelNode = (\n    <>\n      {label}\n      {required ? (\n        <span className=\"text-destructive ml-0.5\" aria-hidden=\"true\">\n          *\n        </span>\n      ) : null}\n    </>\n  );\n\n  return (\n    <Wrapper className={cn(\"space-y-1 text-sm\", className)}>\n      {htmlFor && as === \"div\" ? (\n        <label htmlFor={htmlFor} className=\"text-muted-foreground\">\n          {labelNode}\n        </label>\n      ) : (\n        <span className=\"text-muted-foreground\">{labelNode}</span>\n      )}\n      {children}\n    </Wrapper>\n  );\n}\n"],"mappings":";;;;;AAiCI,mBAGI,KAHJ;AAVG,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,KAAK;AAAA,EACL;AAAA,EACA;AACF,GAAe;AACb,QAAM,UAAU;AAChB,QAAM,YACJ,iCACG;AAAA;AAAA,IACA,WACC,oBAAC,UAAK,WAAU,2BAA0B,eAAY,QAAO,eAE7D,IACE;AAAA,KACN;AAGF,SACE,qBAAC,WAAQ,WAAW,GAAG,qBAAqB,SAAS,GAClD;AAAA,eAAW,OAAO,QACjB,oBAAC,WAAM,SAAkB,WAAU,yBAChC,qBACH,IAEA,oBAAC,UAAK,WAAU,yBAAyB,qBAAU;AAAA,IAEpD;AAAA,KACH;AAEJ;","names":[]}

package/dist/chunk-6URKHMCF.js

@@ -0,0 +1,76 @@
+import {
+  Autocomplete
+} from "./chunk-PVK4WQJZ.js";
+
+// src/select.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function optionText(node) {
+  if (node == null || typeof node === "boolean") return "";
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(optionText).join("");
+  if (React.isValidElement(node)) {
+    return optionText(node.props.children);
+  }
+  return "";
+}
+function optionsFromChildren(children) {
+  const options = [];
+  React.Children.forEach(children, (child) => {
+    if (!React.isValidElement(child)) return;
+    if (child.type === React.Fragment) {
+      options.push(
+        ...optionsFromChildren(
+          child.props.children
+        )
+      );
+      return;
+    }
+    const props = child.props;
+    const value = props.value == null ? "" : String(props.value);
+    options.push({
+      value,
+      label: optionText(props.children).trim() || value,
+      disabled: Boolean(props.disabled)
+    });
+  });
+  return options;
+}
+function Select({
+  id,
+  className,
+  disabled,
+  value,
+  placeholder,
+  children,
+  onChange,
+  size = "default",
+  "aria-label": ariaLabel
+}) {
+  const options = optionsFromChildren(children);
+  const current = Array.isArray(value) ? String(value[0] ?? "") : value == null ? "" : String(value);
+  const blank = options.find((option) => option.value === "");
+  return /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      id,
+      className,
+      disabled: Boolean(disabled),
+      ariaLabel,
+      size,
+      options,
+      value: current,
+      clearable: false,
+      placeholder: placeholder ?? blank?.label ?? "Search\u2026",
+      onChange: (next) => onChange?.({
+        target: { value: next },
+        currentTarget: { value: next }
+      })
+    }
+  );
+}
+
+export {
+  Select
+};
+//# sourceMappingURL=chunk-6URKHMCF.js.map

package/dist/chunk-6URKHMCF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { Autocomplete, type AutocompleteOption } from \"./autocomplete\";\n\ntype SelectChange = {\n  target: { value: string };\n  currentTarget: { value: string };\n};\n\nexport type SelectProps = {\n  id?: string;\n  className?: string;\n  disabled?: boolean;\n  /** Accessible name when the control is not wrapped in a label. */\n  \"aria-label\"?: string;\n  /** `compact` fits a spreadsheet cell. Typing still filters the list. */\n  size?: \"default\" | \"compact\";\n  value?: string | number | readonly string[];\n  placeholder?: string;\n  children?: React.ReactNode;\n  onChange?: (event: SelectChange) => void;\n};\n\nfunction optionText(node: React.ReactNode): string {\n  if (node == null || typeof node === \"boolean\") return \"\";\n  if (typeof node === \"string\" || typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(optionText).join(\"\");\n  if (React.isValidElement<{ children?: React.ReactNode }>(node)) {\n    return optionText(node.props.children);\n  }\n  return \"\";\n}\n\nfunction optionsFromChildren(children: React.ReactNode): AutocompleteOption[] {\n  const options: AutocompleteOption[] = [];\n  React.Children.forEach(children, (child) => {\n    if (!React.isValidElement(child)) return;\n    if (child.type === React.Fragment) {\n      options.push(\n        ...optionsFromChildren(\n          (child.props as { children?: React.ReactNode }).children,\n        ),\n      );\n      return;\n    }\n    const props = child.props as {\n      value?: string | number;\n      disabled?: boolean;\n      children?: React.ReactNode;\n    };\n    const value = props.value == null ? \"\" : String(props.value);\n    options.push({\n      value,\n      label: optionText(props.children).trim() || value,\n      disabled: Boolean(props.disabled),\n    });\n  });\n  return options;\n}\n\n/**\n * The dropdown. It is the searchable autocomplete, not a native `<select>`,\n * so a long list can be typed into and an empty list still opens.\n */\nexport function Select({\n  id,\n  className,\n  disabled,\n  value,\n  placeholder,\n  children,\n  onChange,\n  size = \"default\",\n  \"aria-label\": ariaLabel,\n}: SelectProps) {\n  const options = optionsFromChildren(children);\n  const current = Array.isArray(value)\n    ? String(value[0] ?? \"\")\n    : value == null\n      ? \"\"\n      : String(value);\n  const blank = options.find((option) => option.value === \"\");\n\n  return (\n    <Autocomplete\n      id={id}\n      className={className}\n      disabled={Boolean(disabled)}\n      ariaLabel={ariaLabel}\n      size={size}\n      options={options}\n      value={current}\n      clearable={false}\n      placeholder={placeholder ?? blank?.label ?? \"Search…\"}\n      onChange={(next) =>\n        onChange?.({\n          target: { value: next },\n          currentTarget: { value: next },\n        })\n      }\n    />\n  );\n}\n"],"mappings":";;;;;AAEA,YAAY,WAAW;AAoFnB;AA7DJ,SAAS,WAAW,MAA+B;AACjD,MAAI,QAAQ,QAAQ,OAAO,SAAS,UAAW,QAAO;AACtD,MAAI,OAAO,SAAS,YAAY,OAAO,SAAS,SAAU,QAAO,OAAO,IAAI;AAC5E,MAAI,MAAM,QAAQ,IAAI,EAAG,QAAO,KAAK,IAAI,UAAU,EAAE,KAAK,EAAE;AAC5D,MAAU,qBAA+C,IAAI,GAAG;AAC9D,WAAO,WAAW,KAAK,MAAM,QAAQ;AAAA,EACvC;AACA,SAAO;AACT;AAEA,SAAS,oBAAoB,UAAiD;AAC5E,QAAM,UAAgC,CAAC;AACvC,EAAM,eAAS,QAAQ,UAAU,CAAC,UAAU;AAC1C,QAAI,CAAO,qBAAe,KAAK,EAAG;AAClC,QAAI,MAAM,SAAe,gBAAU;AACjC,cAAQ;AAAA,QACN,GAAG;AAAA,UACA,MAAM,MAAyC;AAAA,QAClD;AAAA,MACF;AACA;AAAA,IACF;AACA,UAAM,QAAQ,MAAM;AAKpB,UAAM,QAAQ,MAAM,SAAS,OAAO,KAAK,OAAO,MAAM,KAAK;AAC3D,YAAQ,KAAK;AAAA,MACX;AAAA,MACA,OAAO,WAAW,MAAM,QAAQ,EAAE,KAAK,KAAK;AAAA,MAC5C,UAAU,QAAQ,MAAM,QAAQ;AAAA,IAClC,CAAC;AAAA,EACH,CAAC;AACD,SAAO;AACT;AAMO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAChB,GAAgB;AACd,QAAM,UAAU,oBAAoB,QAAQ;AAC5C,QAAM,UAAU,MAAM,QAAQ,KAAK,IAC/B,OAAO,MAAM,CAAC,KAAK,EAAE,IACrB,SAAS,OACP,KACA,OAAO,KAAK;AAClB,QAAM,QAAQ,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,EAAE;AAE1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,QAAQ,QAAQ;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,eAAe,OAAO,SAAS;AAAA,MAC5C,UAAU,CAAC,SACT,WAAW;AAAA,QACT,QAAQ,EAAE,OAAO,KAAK;AAAA,QACtB,eAAe,EAAE,OAAO,KAAK;AAAA,MAC/B,CAAC;AAAA;AAAA,EAEL;AAEJ;","names":[]}