@inshorts/glint-ui 0.5.4 → 0.6.1

package/README.md

@@ -13,7 +13,9 @@ theme tokens.
 pnpm add @inshorts/glint-ui
 ```
 
-Kit iteration against a sibling checkout: `pnpm add @inshorts/glint-ui@file:../inshorts-npm-modules/glint/ui` (do not commit `file:` in production apps).
+Ships built ESM/CJS + types (`dist/`). Panels do **not** need `transpilePackages` for this package; prefer `experimental.optimizePackageImports: ["@inshorts/glint-ui"]`.
+
+Kit iteration against a sibling checkout: build locally (`pnpm --filter @inshorts/glint-ui build`) then `pnpm add @inshorts/glint-ui@file:../inshorts-npm-modules/glint/ui` (do not commit `file:` in production apps).
 
 Peer deps: `react` and `react-dom` ^19.3.
 

package/dist/alert.cjs

@@ -0,0 +1,96 @@
+"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/alert.tsx
+var alert_exports = {};
+__export(alert_exports, {
+  Alert: () => Alert,
+  alertVariants: () => alertVariants
+});
+module.exports = __toCommonJS(alert_exports);
+var React = __toESM(require("react"), 1);
+var import_class_variance_authority = require("class-variance-authority");
+
+// 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/alert.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority.cva)("rounded-lg border px-3 py-2 text-sm", {
+  variants: {
+    variant: {
+      danger: "border-destructive/30 bg-destructive/5 text-destructive",
+      warning: "border-warning/30 bg-warning/5 text-warning",
+      success: "border-success/30 bg-success/5 text-success",
+      info: "border-info/30 bg-info/5 text-info",
+      /**
+       * The quiet state of a banner that also has loud ones — "no default
+       * campaign set" next to "this is the default". Without it those callers
+       * keep a ternary of raw class strings and the shared component only
+       * covers half of what they draw.
+       */
+      neutral: "border-border bg-muted/40 text-muted-foreground"
+    }
+  },
+  defaultVariants: {
+    // Failure is what a banner almost always reports here, and defaulting to
+    // it means the noisy case cannot be forgotten.
+    variant: "danger"
+  }
+});
+var Alert = React.forwardRef(
+  ({ className, variant, action, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ref,
+      role: variant === "danger" || variant == null ? "alert" : "status",
+      className: cn(
+        alertVariants({ variant }),
+        action && "flex flex-wrap items-center justify-between gap-3",
+        className
+      ),
+      ...props,
+      children: [
+        action ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children }) : children,
+        action
+      ]
+    }
+  )
+);
+Alert.displayName = "Alert";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Alert,
+  alertVariants
+});
+//# sourceMappingURL=alert.cjs.map

package/dist/alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/alert.tsx","../src/utils.ts"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"./utils\";\n\n/**\n * The inline message banner — a failed load, a warning above a form, a note.\n *\n * This was the most duplicated markup in the panel: thirty blocks across\n * twenty-eight files, spelled seven different ways. `px-3 py-2` in most places\n * and `px-4 py-3` in others, `text-rose-700` here and `text-destructive`\n * there — all meaning \"something went wrong\".\n *\n * `role` is derived from the variant rather than left to callers. An error a\n * user needs to act on should interrupt a screen reader; a note should not.\n * Almost none of the hand-rolled copies set either.\n */\nconst alertVariants = cva(\"rounded-lg border px-3 py-2 text-sm\", {\n  variants: {\n    variant: {\n      danger: \"border-destructive/30 bg-destructive/5 text-destructive\",\n      warning: \"border-warning/30 bg-warning/5 text-warning\",\n      success: \"border-success/30 bg-success/5 text-success\",\n      info: \"border-info/30 bg-info/5 text-info\",\n      /**\n       * The quiet state of a banner that also has loud ones — \"no default\n       * campaign set\" next to \"this is the default\". Without it those callers\n       * keep a ternary of raw class strings and the shared component only\n       * covers half of what they draw.\n       */\n      neutral: \"border-border bg-muted/40 text-muted-foreground\",\n    },\n  },\n  defaultVariants: {\n    // Failure is what a banner almost always reports here, and defaulting to\n    // it means the noisy case cannot be forgotten.\n    variant: \"danger\",\n  },\n});\n\nexport interface AlertProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof alertVariants> {\n  /**\n   * A control belonging to the message, such as Retry. Given one, the banner\n   * lays out as a row and keeps the action at its end.\n   */\n  action?: React.ReactNode;\n}\n\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ className, variant, action, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      role={variant === \"danger\" || variant == null ? \"alert\" : \"status\"}\n      className={cn(\n        alertVariants({ variant }),\n        action && \"flex flex-wrap items-center justify-between gap-3\",\n        className,\n      )}\n      {...props}\n    >\n      {/* Wrapped so the action sits opposite the text rather than being\n          pushed around by whatever the caller passed as children. */}\n      {action ? <span>{children}</span> : children}\n      {action}\n    </div>\n  ),\n);\n\nAlert.displayName = \"Alert\";\n\nexport { alertVariants };\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;AACvB,sCAAuC;;;ACDvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADgDI;AApCJ,IAAM,oBAAgB,qCAAI,uCAAuC;AAAA,EAC/D,UAAU;AAAA,IACR,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAON,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA;AAAA;AAAA,IAGf,SAAS;AAAA,EACX;AACF,CAAC;AAaM,IAAM,QAAc;AAAA,EACzB,CAAC,EAAE,WAAW,SAAS,QAAQ,UAAU,GAAG,MAAM,GAAG,QACnD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,YAAY,YAAY,WAAW,OAAO,UAAU;AAAA,MAC1D,WAAW;AAAA,QACT,cAAc,EAAE,QAAQ,CAAC;AAAA,QACzB,UAAU;AAAA,QACV;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAIH;AAAA,iBAAS,4CAAC,UAAM,UAAS,IAAU;AAAA,QACnC;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,MAAM,cAAc;","names":[]}

package/dist/alert.d.cts

@@ -0,0 +1,29 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * The inline message banner — a failed load, a warning above a form, a note.
+ *
+ * This was the most duplicated markup in the panel: thirty blocks across
+ * twenty-eight files, spelled seven different ways. `px-3 py-2` in most places
+ * and `px-4 py-3` in others, `text-rose-700` here and `text-destructive`
+ * there — all meaning "something went wrong".
+ *
+ * `role` is derived from the variant rather than left to callers. An error a
+ * user needs to act on should interrupt a screen reader; a note should not.
+ * Almost none of the hand-rolled copies set either.
+ */
+declare const alertVariants: (props?: ({
+    variant?: "danger" | "warning" | "success" | "info" | "neutral" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    /**
+     * A control belonging to the message, such as Retry. Given one, the banner
+     * lays out as a row and keeps the action at its end.
+     */
+    action?: React.ReactNode;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Alert, type AlertProps, alertVariants };

package/dist/alert.d.ts

@@ -0,0 +1,29 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * The inline message banner — a failed load, a warning above a form, a note.
+ *
+ * This was the most duplicated markup in the panel: thirty blocks across
+ * twenty-eight files, spelled seven different ways. `px-3 py-2` in most places
+ * and `px-4 py-3` in others, `text-rose-700` here and `text-destructive`
+ * there — all meaning "something went wrong".
+ *
+ * `role` is derived from the variant rather than left to callers. An error a
+ * user needs to act on should interrupt a screen reader; a note should not.
+ * Almost none of the hand-rolled copies set either.
+ */
+declare const alertVariants: (props?: ({
+    variant?: "danger" | "warning" | "success" | "info" | "neutral" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    /**
+     * A control belonging to the message, such as Retry. Given one, the banner
+     * lays out as a row and keeps the action at its end.
+     */
+    action?: React.ReactNode;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Alert, type AlertProps, alertVariants };

package/dist/alert.js

@@ -0,0 +1,10 @@
+import {
+  Alert,
+  alertVariants
+} from "./chunk-ZP252OJZ.js";
+import "./chunk-HCA5ODCD.js";
+export {
+  Alert,
+  alertVariants
+};
+//# sourceMappingURL=alert.js.map

package/dist/alert.js.map

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