@ps1ui/core 0.1.0 → 0.2.0

package/dist/base.css

@@ -19,6 +19,17 @@
   --ps1ui-color-primary-active: #3fb950;
   --ps1ui-color-primary-fg: #0b0f14;
   --ps1ui-color-accent: #ffa657;
+  /* Destructive / error signalling. Hue sits in the rose-coral band the code
+     palette already inhabits (--ps1ui-code-keyword / -tag / -deleted) so the
+     surface reads as one system; luminance is tuned so the base color hits
+     ≥ 4.5:1 vs BOTH --ps1ui-color-bg and --ps1ui-color-surface (verified by
+     Text.contrast.test.tsx) and danger-fg on each danger-* fill hits the
+     same threshold (verified by Button.contrast.test.tsx). Hover/active
+     progressively darken while staying above contrast. */
+  --ps1ui-color-danger: #ff7d8d;
+  --ps1ui-color-danger-hover: #f0637a;
+  --ps1ui-color-danger-active: #e04a60;
+  --ps1ui-color-danger-fg: #0b0f14;
   --ps1ui-color-focus-ring-soft: color-mix(in srgb, var(--ps1ui-color-primary) 14%, transparent);
   --ps1ui-shadow-focus-ring: 0 0 0 3px var(--ps1ui-color-focus-ring-soft);
 
@@ -88,6 +99,7 @@
 
   --ps1ui-transition-fast: 120ms ease;
 }
+
 /* ==========================================================================
  * Reset
  * --------------------------------------------------------------------------
@@ -107,6 +119,7 @@
  * layouts unless you set display:inline explicitly), <ul>/<ol> lose their
  * bullets. Locked in by src/styles/reset.test.tsx.
  * ========================================================================== */
+
 /* Box model + border baseline. Applied to `*` only — NOT to ::before/::after
    /::backdrop/::file-selector-button. Pseudo-elements with border-drawn
    glyphs (the classic rotated-L checkmark, tooltip carets, radio-dot rings)
@@ -120,6 +133,7 @@
   box-sizing: border-box;
   border: 0 solid;
 }
+
 body,
 blockquote,
 dl,
@@ -140,6 +154,7 @@ pre,
 ul {
   margin: 0;
 }
+
 fieldset,
 legend,
 menu,
@@ -147,6 +162,7 @@ ol,
 ul {
   padding: 0;
 }
+
 html {
   color-scheme: dark;
   line-height: 1.5;
@@ -157,11 +173,13 @@ html {
        tab-size: 4;
   text-rendering: optimizeLegibility;
 }
+
 body {
   min-height: 100dvh;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
 /* Heading responsibility belongs to <Heading>; raw h1..h6 inherit so a bare
    <h1> outside <Heading> doesn't blow up to the UA default. */
 h1,
@@ -175,15 +193,18 @@ h6 {
   text-wrap: balance;
   overflow-wrap: break-word;
 }
+
 p {
   text-wrap: pretty;
   overflow-wrap: break-word;
 }
+
 ol,
 ul,
 menu {
   list-style: none;
 }
+
 img,
 svg,
 video,
@@ -195,17 +216,20 @@ object {
   display: block;
   vertical-align: middle;
 }
+
 img,
 video {
   max-width: 100%;
   height: auto;
 }
+
 /* Anchor responsibility belongs to <Anchor>; raw <a> inherits color/decoration
    so it doesn't paint as UA blue underline against the dark canvas. */
 a {
   color: inherit;
   text-decoration: inherit;
 }
+
 /* UA still refuses to inherit font/color into form controls in 2026.
    Inherit font-feature-settings / font-variation-settings too so JetBrains
    Mono Variable's axes stay live inside <input> / <textarea>. */
@@ -224,13 +248,16 @@ textarea,
   border-radius: 0;
   opacity: 1;
 }
+
 :where(select:is([multiple], [size])) optgroup {
   font-weight: bolder;
 }
+
 button,
 select {
   text-transform: none;
 }
+
 button,
 input:where([type="button"], [type="reset"], [type="submit"]),
 ::file-selector-button {
@@ -238,12 +265,15 @@ input:where([type="button"], [type="reset"], [type="submit"]),
        appearance: button;
   -webkit-appearance: button;
 }
+
 button {
   cursor: pointer;
 }
+
 textarea {
   resize: vertical;
 }
+
 /* `in srgb` for consistency with the library's other color-mix calls. The
    space is irrelevant when mixing with `transparent` (premultiplied-alpha
    interpolation, CSS Color 4), so diverging from Tailwind Preflight's oklab
@@ -256,23 +286,28 @@ textarea {
   opacity: 1;
   color: color-mix(in srgb, currentcolor 55%, transparent);
 }
+
 ::-webkit-date-and-time-value {
   min-height: 1lh;
   text-align: inherit;
 }
+
 ::-webkit-datetime-edit {
   display: inline-flex;
   padding: 0;
 }
+
 ::-webkit-datetime-edit-fields-wrapper {
   padding: 0;
 }
+
 ::-webkit-inner-spin-button,
 ::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
   height: auto;
 }
+
 /* number spinner: Chromium is already handled by ::-webkit-inner/outer-spin-button
    { appearance: none } above. Firefox needs its own vendor prefix — the unprefixed
    `appearance: textfield` is deprecated per CSS UI Level 4 (moved to compatibility
@@ -280,27 +315,34 @@ textarea {
 input[type="number"] {
   -moz-appearance: textfield;
 }
+
 [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
+
 ::-webkit-search-decoration,
 ::-webkit-search-cancel-button {
   -webkit-appearance: none;
 }
+
 :-moz-ui-invalid {
   box-shadow: none;
 }
+
 :-moz-focusring:where(:not(iframe)) {
   outline: auto;
 }
+
 b,
 strong {
   font-weight: bolder;
 }
+
 small {
   font-size: 80%;
 }
+
 code,
 kbd,
 samp,
@@ -308,14 +350,17 @@ pre {
   font-family: var(--ps1ui-font-mono);
   font-size: 1em;
 }
+
 abbr:where([title]) {
   -webkit-text-decoration: underline dotted;
           text-decoration: underline dotted;
 }
+
 q::before,
 q::after {
   content: "";
 }
+
 /* Keeps sub/sup from expanding the parent line-height. */
 sub,
 sup {
@@ -324,34 +369,42 @@ sup {
   position: relative;
   vertical-align: baseline;
 }
+
 sub {
   bottom: -0.25em;
 }
+
 sup {
   top: -0.5em;
 }
+
 table {
   text-indent: 0;
   border-color: inherit;
   border-collapse: collapse;
 }
+
 hr {
   height: 0;
   color: inherit;
   border-top: 1px solid;
 }
+
 summary {
   display: list-item;
 }
+
 /* [hidden] would lose to `display: flex` etc. without this. */
 [hidden]:where(:not([hidden="until-found"])) {
   display: none !important;
 }
+
 @media (prefers-reduced-motion: no-preference) {
   html {
     interpolate-size: allow-keywords;
   }
 }
+
 /* ==========================================================================
  * Ambient environment
  * --------------------------------------------------------------------------
@@ -363,15 +416,18 @@ summary {
  * area would reveal the light UA default and flash white on scroll. `color`
  * and `font-family` cascade down to `body` and descendants naturally.
  * ========================================================================== */
+
 html {
   background: var(--ps1ui-color-bg);
   color: var(--ps1ui-color-fg);
   font-family: var(--ps1ui-font-mono);
 }
+
 ::-moz-selection {
   background: var(--ps1ui-color-primary);
   color: var(--ps1ui-color-primary-fg);
 }
+
 ::selection {
   background: var(--ps1ui-color-primary);
   color: var(--ps1ui-color-primary-fg);

package/dist/components/Button/Button.d.mts

@@ -1,10 +1,10 @@
 import { ComponentPropsWithoutRef, ElementType } from "react";
 //#region src/components/Button/Button.d.ts
-type ButtonVariant = "primary" | "secondary";
+type ButtonVariant = "primary" | "secondary" | "danger";
 type ButtonOwnProps<E extends ElementType> = {
   /** Element or component to render instead of the native <button> — e.g. "a" or a router Link. */
   as?: E;
-  /** Visual style: "primary" for the main action, "secondary" for supporting actions. */
+  /** Visual style: "primary" for the main action, "secondary" for supporting actions, "danger" for destructive actions. */
   variant?: ButtonVariant;
 };
 /**

package/dist/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","names":[],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementType } from \"react\";\nimport { cx } from \"../../utils/cx\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\";\n\ntype ButtonOwnProps<E extends ElementType> = {\n  /** Element or component to render instead of the native <button> — e.g. \"a\" or a router Link. */\n  as?: E;\n  /** Visual style: \"primary\" for the main action, \"secondary\" for supporting actions. */\n  variant?: ButtonVariant;\n};\n\n// Deliberate exception to the general \"use ComponentProps<'tag'>\" rule other components follow —\n// same reasoning as Anchor / Text: with a polymorphic `as` prop TypeScript cannot correctly\n// narrow the `ref` prop's type against the resolved element E. Button accepts both string tags\n// (`as=\"a\"`) and React component types (`as={NextLink}`) so consumers can render a link that\n// looks like a button; a loose ref type would silently accept mismatched refs, so dropping ref\n// from the prop type is safer than a misleading loose type.\n/**\n * Props for {@link Button}. Derived from the props of the rendered element `E`,\n * so what's accepted follows the `as` target.\n *\n * `disabled` and polymorphism: `disabled` only exists on form elements, so\n * `<Button as=\"a\" href=\"…\" disabled>` is a type error (`ComponentPropsWithoutRef<\"a\">`\n * has no `disabled` — locked in by `Button.test-d.tsx`). This is intentional and\n * matches the ARIA Authoring Practices: links are not disabled. When the action is\n * unavailable, render a native `<Button disabled>` (or no link at all) instead of a\n * link. Untyped JS callers and `as={Component}` escapes that pass `disabled` anyway\n * get a leaked no-op attribute — no visual or behavioral disabling happens.\n *\n * `type` on the native tag: when rendering a native <button>, `type` defaults to\n * \"button\" (not the browser's implicit \"submit\"), so a Button inside a <form>\n * never submits implicitly — pass type=\"submit\" explicitly to submit.\n */\nexport type ButtonProps<E extends ElementType = \"button\"> = ButtonOwnProps<E> &\n  Omit<ComponentPropsWithoutRef<E>, keyof ButtonOwnProps<E>>;\n\nexport function Button<E extends ElementType = \"button\">({\n  as,\n  variant = \"primary\",\n  className,\n  ...rest\n}: ButtonProps<E>) {\n  const tag: ElementType = as ?? \"button\";\n  const classes = cx(\"ps1ui-button\", `ps1ui-button--${variant}`, className);\n  const props: Record<string, unknown> = { ...rest, className: classes };\n  // `type=\"button\"` is a defensive default so a native <button> inside a <form> never\n  // submits implicitly. It only makes sense on the native tag — <a>, <NextLink>, and\n  // other host/component targets have no such attribute, and stamping one on them\n  // would leak an invalid attribute through to the DOM. Explicit callers still win.\n  if (tag === \"button\" && props.type === undefined) {\n    props.type = \"button\";\n  }\n  return createElement(tag, props);\n}\n"],"mappings":";;;AAsCA,SAAgB,OAAyC,EACvD,IACA,UAAU,WACV,WACA,GAAG,QACc;CACjB,MAAM,MAAmB,MAAM;CAC/B,MAAM,UAAU,GAAG,gBAAgB,iBAAiB,WAAW,SAAS;CACxE,MAAM,QAAiC;EAAE,GAAG;EAAM,WAAW;CAAQ;CAKrE,IAAI,QAAQ,YAAY,MAAM,SAAS,KAAA,GACrC,MAAM,OAAO;CAEf,OAAO,cAAc,KAAK,KAAK;AACjC"}
+{"version":3,"file":"Button.mjs","names":[],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementType } from \"react\";\nimport { cx } from \"../../utils/cx\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"danger\";\n\ntype ButtonOwnProps<E extends ElementType> = {\n  /** Element or component to render instead of the native <button> — e.g. \"a\" or a router Link. */\n  as?: E;\n  /** Visual style: \"primary\" for the main action, \"secondary\" for supporting actions, \"danger\" for destructive actions. */\n  variant?: ButtonVariant;\n};\n\n// Deliberate exception to the general \"use ComponentProps<'tag'>\" rule other components follow —\n// same reasoning as Anchor / Text: with a polymorphic `as` prop TypeScript cannot correctly\n// narrow the `ref` prop's type against the resolved element E. Button accepts both string tags\n// (`as=\"a\"`) and React component types (`as={NextLink}`) so consumers can render a link that\n// looks like a button; a loose ref type would silently accept mismatched refs, so dropping ref\n// from the prop type is safer than a misleading loose type.\n/**\n * Props for {@link Button}. Derived from the props of the rendered element `E`,\n * so what's accepted follows the `as` target.\n *\n * `disabled` and polymorphism: `disabled` only exists on form elements, so\n * `<Button as=\"a\" href=\"…\" disabled>` is a type error (`ComponentPropsWithoutRef<\"a\">`\n * has no `disabled` — locked in by `Button.test-d.tsx`). This is intentional and\n * matches the ARIA Authoring Practices: links are not disabled. When the action is\n * unavailable, render a native `<Button disabled>` (or no link at all) instead of a\n * link. Untyped JS callers and `as={Component}` escapes that pass `disabled` anyway\n * get a leaked no-op attribute — no visual or behavioral disabling happens.\n *\n * `type` on the native tag: when rendering a native <button>, `type` defaults to\n * \"button\" (not the browser's implicit \"submit\"), so a Button inside a <form>\n * never submits implicitly — pass type=\"submit\" explicitly to submit.\n */\nexport type ButtonProps<E extends ElementType = \"button\"> = ButtonOwnProps<E> &\n  Omit<ComponentPropsWithoutRef<E>, keyof ButtonOwnProps<E>>;\n\nexport function Button<E extends ElementType = \"button\">({\n  as,\n  variant = \"primary\",\n  className,\n  ...rest\n}: ButtonProps<E>) {\n  const tag: ElementType = as ?? \"button\";\n  const classes = cx(\"ps1ui-button\", `ps1ui-button--${variant}`, className);\n  const props: Record<string, unknown> = { ...rest, className: classes };\n  // `type=\"button\"` is a defensive default so a native <button> inside a <form> never\n  // submits implicitly. It only makes sense on the native tag — <a>, <NextLink>, and\n  // other host/component targets have no such attribute, and stamping one on them\n  // would leak an invalid attribute through to the DOM. Explicit callers still win.\n  if (tag === \"button\" && props.type === undefined) {\n    props.type = \"button\";\n  }\n  return createElement(tag, props);\n}\n"],"mappings":";;;AAsCA,SAAgB,OAAyC,EACvD,IACA,UAAU,WACV,WACA,GAAG,QACc;CACjB,MAAM,MAAmB,MAAM;CAC/B,MAAM,UAAU,GAAG,gBAAgB,iBAAiB,WAAW,SAAS;CACxE,MAAM,QAAiC;EAAE,GAAG;EAAM,WAAW;CAAQ;CAKrE,IAAI,QAAQ,YAAY,MAAM,SAAS,KAAA,GACrC,MAAM,OAAO;CAEf,OAAO,cAAc,KAAK,KAAK;AACjC"}

package/dist/components/Text/Text.d.mts

@@ -3,7 +3,7 @@ import { FontWeight } from "../../utils/typography.mjs";
 import { CSSProperties, ComponentPropsWithoutRef } from "react";
 //#region src/components/Text/Text.d.ts
 type TextElement = "p" | "span" | "div" | "label" | "strong" | "em" | "small";
-type TextVariant = "body" | "muted" | "subtle" | "primary" | "accent";
+type TextVariant = "body" | "muted" | "subtle" | "primary" | "accent" | "danger";
 type TextSize = "xs" | "sm" | "md" | "lg" | "xl";
 type TextWeight = FontWeight;
 type TextOwnProps<E extends TextElement> = {

package/dist/components/Text/Text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ComponentPropsWithoutRef, CSSProperties } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport { resolveResponsive, type Responsive } from \"../../utils/responsive\";\nimport { fontSizeToVar, weightToValue, type FontWeight } from \"../../utils/typography\";\n\nexport type TextElement = \"p\" | \"span\" | \"div\" | \"label\" | \"strong\" | \"em\" | \"small\";\n\nexport type TextVariant = \"body\" | \"muted\" | \"subtle\" | \"primary\" | \"accent\";\nexport type TextSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n// TextWeight is a re-export of the shared FontWeight scale. Keeping a\n// component-local alias preserves the public type name (backwards compat)\n// while the underlying scale stays single-sourced in utils/typography.ts.\nexport type TextWeight = FontWeight;\n\ntype TextOwnProps<E extends TextElement> = {\n  /** Element to render. */\n  as?: E;\n  /** Color variant. */\n  variant?: TextVariant;\n  /**\n   * Font size on the type scale.\n   * @default \"sm\"\n   */\n  size?: Responsive<TextSize>;\n  /** Font weight. */\n  weight?: Responsive<TextWeight>;\n  /** Truncate overflowing text with an ellipsis instead of wrapping. */\n  truncate?: boolean;\n};\n\n// Deliberate exception to the general \"use ComponentProps<'tag'>\" rule other components follow.\n// With the polymorphic `as` prop, TypeScript cannot narrow the `ref` prop's type against the\n// resolved element E — allowing `ref` here would silently accept mismatched ref types\n// (e.g. a ref typed for HTMLParagraphElement on `<Text as=\"span\" ref={…} />`). Keeping `ref`\n// out of the prop type entirely is safer than a misleading loose type; don't switch this\n// to ComponentProps for consistency with the other components.\nexport type TextProps<E extends TextElement = \"p\"> = TextOwnProps<E> &\n  Omit<ComponentPropsWithoutRef<E>, keyof TextOwnProps<E>>;\n\n// Exhaustive over TextElement so adding a tag without classifying it fails to typecheck,\n// instead of silently leaving truncate's inline-block fix un-applied for that tag.\nconst INLINE_TEXT_ELEMENTS: Record<TextElement, boolean> = {\n  p: false,\n  div: false,\n  span: true,\n  label: true,\n  strong: true,\n  em: true,\n  small: true,\n};\n\nexport function Text<E extends TextElement = \"p\">({\n  as,\n  variant = \"body\",\n  size,\n  weight,\n  truncate = false,\n  className,\n  style,\n  ...rest\n}: TextProps<E>) {\n  const tag = as ?? \"p\";\n  const sizeVars = resolveResponsive(size, \"--_text-size\", fontSizeToVar);\n  const weightVars = resolveResponsive(weight, \"--_text-weight\", weightToValue);\n\n  const classes = cx(\n    \"ps1ui-text\",\n    `ps1ui-text--${variant}`,\n    truncate && \"ps1ui-text--truncate\",\n    truncate && INLINE_TEXT_ELEMENTS[tag] && \"ps1ui-text--truncate-inline\",\n    className,\n  );\n\n  // Caller style first, resolved vars last: `--_*` is the reserved internal\n  // prefix and wins on purpose — responsive values are prop-controlled. Cast\n  // because csstype has no index signature for `--*` keys (React 19 included).\n  const mergedStyle: CSSProperties = {\n    ...style,\n    ...sizeVars,\n    ...weightVars,\n  } as CSSProperties;\n\n  return createElement(tag, { ...rest, className: classes, style: mergedStyle });\n}\n"],"mappings":";;;;;AA0CA,MAAM,uBAAqD;CACzD,GAAG;CACH,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,OAAO;AACT;AAEA,SAAgB,KAAkC,EAChD,IACA,UAAU,QACV,MACA,QACA,WAAW,OACX,WACA,OACA,GAAG,QACY;CACf,MAAM,MAAM,MAAM;CAClB,MAAM,WAAW,kBAAkB,MAAM,gBAAgB,aAAa;CACtE,MAAM,aAAa,kBAAkB,QAAQ,kBAAkB,aAAa;CAE5E,MAAM,UAAU,GACd,cACA,eAAe,WACf,YAAY,wBACZ,YAAY,qBAAqB,QAAQ,+BACzC,SACF;CAKA,MAAM,cAA6B;EACjC,GAAG;EACH,GAAG;EACH,GAAG;CACL;CAEA,OAAO,cAAc,KAAK;EAAE,GAAG;EAAM,WAAW;EAAS,OAAO;CAAY,CAAC;AAC/E"}
+{"version":3,"file":"Text.mjs","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ComponentPropsWithoutRef, CSSProperties } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport { resolveResponsive, type Responsive } from \"../../utils/responsive\";\nimport { fontSizeToVar, weightToValue, type FontWeight } from \"../../utils/typography\";\n\nexport type TextElement = \"p\" | \"span\" | \"div\" | \"label\" | \"strong\" | \"em\" | \"small\";\n\nexport type TextVariant = \"body\" | \"muted\" | \"subtle\" | \"primary\" | \"accent\" | \"danger\";\nexport type TextSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n// TextWeight is a re-export of the shared FontWeight scale. Keeping a\n// component-local alias preserves the public type name (backwards compat)\n// while the underlying scale stays single-sourced in utils/typography.ts.\nexport type TextWeight = FontWeight;\n\ntype TextOwnProps<E extends TextElement> = {\n  /** Element to render. */\n  as?: E;\n  /** Color variant. */\n  variant?: TextVariant;\n  /**\n   * Font size on the type scale.\n   * @default \"sm\"\n   */\n  size?: Responsive<TextSize>;\n  /** Font weight. */\n  weight?: Responsive<TextWeight>;\n  /** Truncate overflowing text with an ellipsis instead of wrapping. */\n  truncate?: boolean;\n};\n\n// Deliberate exception to the general \"use ComponentProps<'tag'>\" rule other components follow.\n// With the polymorphic `as` prop, TypeScript cannot narrow the `ref` prop's type against the\n// resolved element E — allowing `ref` here would silently accept mismatched ref types\n// (e.g. a ref typed for HTMLParagraphElement on `<Text as=\"span\" ref={…} />`). Keeping `ref`\n// out of the prop type entirely is safer than a misleading loose type; don't switch this\n// to ComponentProps for consistency with the other components.\nexport type TextProps<E extends TextElement = \"p\"> = TextOwnProps<E> &\n  Omit<ComponentPropsWithoutRef<E>, keyof TextOwnProps<E>>;\n\n// Exhaustive over TextElement so adding a tag without classifying it fails to typecheck,\n// instead of silently leaving truncate's inline-block fix un-applied for that tag.\nconst INLINE_TEXT_ELEMENTS: Record<TextElement, boolean> = {\n  p: false,\n  div: false,\n  span: true,\n  label: true,\n  strong: true,\n  em: true,\n  small: true,\n};\n\nexport function Text<E extends TextElement = \"p\">({\n  as,\n  variant = \"body\",\n  size,\n  weight,\n  truncate = false,\n  className,\n  style,\n  ...rest\n}: TextProps<E>) {\n  const tag = as ?? \"p\";\n  const sizeVars = resolveResponsive(size, \"--_text-size\", fontSizeToVar);\n  const weightVars = resolveResponsive(weight, \"--_text-weight\", weightToValue);\n\n  const classes = cx(\n    \"ps1ui-text\",\n    `ps1ui-text--${variant}`,\n    truncate && \"ps1ui-text--truncate\",\n    truncate && INLINE_TEXT_ELEMENTS[tag] && \"ps1ui-text--truncate-inline\",\n    className,\n  );\n\n  // Caller style first, resolved vars last: `--_*` is the reserved internal\n  // prefix and wins on purpose — responsive values are prop-controlled. Cast\n  // because csstype has no index signature for `--*` keys (React 19 included).\n  const mergedStyle: CSSProperties = {\n    ...style,\n    ...sizeVars,\n    ...weightVars,\n  } as CSSProperties;\n\n  return createElement(tag, { ...rest, className: classes, style: mergedStyle });\n}\n"],"mappings":";;;;;AA0CA,MAAM,uBAAqD;CACzD,GAAG;CACH,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,OAAO;AACT;AAEA,SAAgB,KAAkC,EAChD,IACA,UAAU,QACV,MACA,QACA,WAAW,OACX,WACA,OACA,GAAG,QACY;CACf,MAAM,MAAM,MAAM;CAClB,MAAM,WAAW,kBAAkB,MAAM,gBAAgB,aAAa;CACtE,MAAM,aAAa,kBAAkB,QAAQ,kBAAkB,aAAa;CAE5E,MAAM,UAAU,GACd,cACA,eAAe,WACf,YAAY,wBACZ,YAAY,qBAAqB,QAAQ,+BACzC,SACF;CAKA,MAAM,cAA6B;EACjC,GAAG;EACH,GAAG;EACH,GAAG;CACL;CAEA,OAAO,cAAc,KAAK;EAAE,GAAG;EAAM,WAAW;EAAS,OAAO;CAAY,CAAC;AAC/E"}

package/dist/components/Textarea/Textarea.d.mts

@@ -0,0 +1,7 @@
+import { ComponentProps } from "react";
+//#region src/components/Textarea/Textarea.d.ts
+type TextareaProps = ComponentProps<"textarea">;
+declare function Textarea({ className, ...rest }: TextareaProps): import("react").JSX.Element;
+//#endregion
+export { Textarea, TextareaProps };
+//# sourceMappingURL=Textarea.d.mts.map

package/dist/components/Textarea/Textarea.mjs

@@ -0,0 +1,14 @@
+import { cx } from "../../utils/cx.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Textarea/Textarea.tsx
+function Textarea({ className, ...rest }) {
+	const classes = cx("ps1ui-textarea", className);
+	return /* @__PURE__ */ jsx("textarea", {
+		...rest,
+		className: classes
+	});
+}
+//#endregion
+export { Textarea };
+
+//# sourceMappingURL=Textarea.mjs.map

package/dist/components/Textarea/Textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.mjs","names":[],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cx } from \"../../utils/cx\";\n\nexport type TextareaProps = ComponentProps<\"textarea\">;\n\nexport function Textarea({ className, ...rest }: TextareaProps) {\n  const classes = cx(\"ps1ui-textarea\", className);\n  return <textarea {...rest} className={classes} />;\n}\n"],"mappings":";;;AAKA,SAAgB,SAAS,EAAE,WAAW,GAAG,QAAuB;CAC9D,MAAM,UAAU,GAAG,kBAAkB,SAAS;CAC9C,OAAO,oBAAC,YAAD;EAAU,GAAI;EAAM,WAAW;CAAU,CAAA;AAClD"}