@uisatin/ui 0.3.0 → 0.5.0

package/theme/create-theme.d.ts

@@ -12,7 +12,8 @@
  *   white text reads at 4.5:1 on rest and hover, in Light and Dark. Labels stay white for
  *   every brand, so buttons look the same family whatever the colour.
  * - `radius` scales every corner token, pill-shaped controls included; 1 is Satin's own, 0 is
- *   square. Circles (avatars, dots, switch and radio marks) stay round.
+ *   square, and pills become fully round only at 1.5. Circles (avatars, dots, switch and radio
+ *   marks) stay round.
  *
  * `themeVars()` returns the variables per mode; `themeCss()` the same as a stylesheet to load
  * after `@uisatin/ui/styles.css`.

package/theme/index.js

@@ -1 +1 @@
-'use client';export { contrast, defaultTheme, randomTheme, themeCss, themeVars } from '../chunk-NQL6SIIB.js';
+'use client';export { contrast, defaultTheme, randomTheme, themeCss, themeVars } from '../chunk-2643HEXD.js';

package/chunk-VUOAPWTF.js

@@ -1,86 +0,0 @@
-import { cn } from './chunk-O46O6LFQ.js';
-import * as React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var FormFieldContext = React.createContext(null);
-function useFormField() {
-  return React.useContext(FormFieldContext);
-}
-function FormField({
-  label,
-  description,
-  error,
-  layout = "vertical",
-  disabled = false,
-  required = false,
-  htmlFor,
-  className,
-  children,
-  ...props
-}) {
-  const autoId = React.useId();
-  const id = htmlFor ?? autoId;
-  const invalid = Boolean(error);
-  const messageId = invalid ? `${id}-error` : description ? `${id}-description` : void 0;
-  const context = React.useMemo(
-    () => ({ id, describedBy: messageId, invalid, disabled, required }),
-    [id, messageId, invalid, disabled, required]
-  );
-  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: context, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "form-field",
-      "data-layout": layout,
-      "data-invalid": invalid || void 0,
-      "data-disabled": disabled || void 0,
-      className: cn("sa:flex sa:w-full sa:items-start", layout === "vertical" ? "sa:flex-col sa:gap-2" : "sa:gap-6", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs(
-          "label",
-          {
-            htmlFor: id,
-            className: cn(
-              "sa:flex sa:items-start sa:gap-0.5 sa:text-sm sa:leading-[18px] sa:font-medium sa:text-text-default",
-              layout === "horizontal" && "sa:w-40 sa:shrink-0",
-              disabled && "sa:opacity-50"
-            ),
-            children: [
-              label,
-              required && // The required mark from Figma (the `sparkle 2` glyph in _label), 6px, in the label colour.
-              /* @__PURE__ */ jsx("svg", { width: "6", height: "6", viewBox: "0 0 6 6", fill: "currentColor", "aria-hidden": true, className: "sa:shrink-0", children: /* @__PURE__ */ jsx("path", { d: "M3.63636 2.18023L5.55372 1.41279L6 2.75581L4.04959 3.43605L5.27273 5.14535L4.18182 6L2.95868 4.20349L1.80165 6L0.694215 5.14535L1.91736 3.43605L0 2.75581L0.446281 1.41279L2.31405 2.18023V0H3.63636V2.18023Z" }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "sa:flex sa:w-full sa:min-w-0 sa:flex-1 sa:flex-col sa:gap-1.5", children: [
-          children,
-          invalid ? /* @__PURE__ */ jsxs("p", { id: messageId, className: "sa:flex sa:items-start sa:gap-1.5 sa:text-sm sa:text-action-destructive-bg", children: [
-            /* @__PURE__ */ jsxs(
-              "svg",
-              {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 14 14",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "1.09375",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                "aria-hidden": true,
-                className: "sa:mt-[2.75px] sa:shrink-0",
-                children: [
-                  /* @__PURE__ */ jsx("path", { d: "M7 4.67613V7.25806" }),
-                  /* @__PURE__ */ jsx("path", { d: "M7 9.32422L7.0059 9.31766" }),
-                  /* @__PURE__ */ jsx("path", { d: "M6.99995 12.1638C9.85184 12.1638 12.1638 9.85184 12.1638 6.99995C12.1638 4.14803 9.85184 1.83609 6.99995 1.83609C4.14803 1.83609 1.83609 4.14803 1.83609 6.99995C1.83609 9.85184 4.14803 12.1638 6.99995 12.1638Z" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { children: error })
-          ] }) : description && /* @__PURE__ */ jsx("p", { id: messageId, className: cn("sa:text-sm sa:text-text-muted", disabled && "sa:opacity-50"), children: description })
-        ] })
-      ]
-    }
-  ) });
-}
-
-export { FormField, useFormField };