premium-ds 0.1.0

package/dist/chunk-H6KWJNOE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/alert/Alert.tsx"],"names":[],"mappings":"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","file":"chunk-H6KWJNOE.js","sourcesContent":["'use client';\n\n/* Alert - the persistent, in-flow status message (banner is a paint modifier). */\n\nimport * as React from 'react';\nimport { motion, AnimatePresence } from 'motion/react';\nimport { UIMotion } from '../../tokens/motion-tokens';\nimport { Icon, type IconName } from '../icon/Icon';\nimport { IconSlot } from '../icon/IconSlot';\n\nexport type AlertTone = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface AlertAction {\n  /** Sentence-case label, e.g. \"Update billing\". */\n  label: string;\n  onClick?: () => void;\n}\n\nexport interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Status of the message; info/success are polite, warning/danger assertive. Default 'info'. */\n  tone?: AlertTone;\n  /** The message - sentence case, ideally one line. */\n  title: React.ReactNode;\n  /** Optional description; stays neutral - tone marks the message, not the prose. */\n  children?: React.ReactNode;\n  /** One action max, rendered as the system secondary small button. */\n  action?: AlertAction;\n  /** Renders the always-visible close button. Uncontrolled unless `open` is given. */\n  dismissible?: boolean;\n  /** Fires on dismiss. With `open` set, the parent owns hiding the alert. */\n  onDismiss?: () => void;\n  /** Controlled visibility; omit for uncontrolled. Exit eases shut (height collapse). */\n  open?: boolean;\n  /** App-level strip: square corners, hairline below only. Paint modifier. */\n  banner?: boolean;\n  /** Override the tone glyph; pass null to render no glyph. */\n  icon?: React.ReactNode | null;\n}\n\nconst { t } = UIMotion;\n\nconst TONE_GLYPH: Record<AlertTone, IconName> = {\n  info: 'info',\n  success: 'check-circle',\n  warning: 'warning',\n  danger: 'warning-circle',\n};\nconst TONE_ROLE: Record<AlertTone, string> = {\n  info: 'status',\n  success: 'status',\n  warning: 'alert',\n  danger: 'alert',\n};\n\nexport function Alert({\n  tone = 'info',\n  title,\n  children = null,\n  action = null,\n  dismissible = false,\n  onDismiss,\n  open,\n  banner = false,\n  icon,\n  className = '',\n  ...rest\n}: AlertProps) {\n  const [selfOpen, setSelfOpen] = React.useState(true);\n  const isOpen = open === undefined ? selfOpen : open;\n\n  const dismiss = () => {\n    if (open === undefined) setSelfOpen(false);\n    if (onDismiss) onDismiss();\n  };\n\n  const classes = ['alert', banner ? 'alert--banner' : '', className].filter(Boolean).join(' ');\n\n  return (\n    <AnimatePresence initial={false}>\n      {isOpen && (\n        <motion.div\n          key=\"alert-shell\" /* explicit key - AnimatePresence strands un-keyed conditional children */\n          className=\"alert-shell\"\n          initial={{ height: 0, opacity: 0 }}\n          animate={{ height: 'auto', opacity: 1 }}\n          exit={{ height: 0, opacity: 0, transition: { height: t.layout, opacity: t.exit } }}\n          transition={{ height: t.layout, opacity: t.enter }}\n        >\n          <div className={classes} data-tone={tone} role={TONE_ROLE[tone] || 'status'} {...rest}>\n            {icon === null ? null : (\n              <span className=\"alert__icon\" aria-hidden=\"true\">\n                {icon !== undefined ? (\n                  <IconSlot size=\"md\">{icon}</IconSlot>\n                ) : (\n                  <Icon name={TONE_GLYPH[tone] || 'info'} size=\"md\" />\n                )}\n              </span>\n            )}\n            <div className=\"alert__body\">\n              <p className=\"alert__title\">{title}</p>\n              {children != null && <p className=\"alert__desc\">{children}</p>}\n            </div>\n            {action && (\n              <button type=\"button\" className=\"btn btn--sm alert__action\" onClick={action.onClick}>\n                {action.label}\n              </button>\n            )}\n            {dismissible && (\n              <button type=\"button\" className=\"alert__close\" aria-label=\"Dismiss\" onClick={dismiss}>\n                <Icon name=\"close\" size=\"sm\" />\n              </button>\n            )}\n          </div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n"]}

package/dist/chunk-HGILYGY3.js

@@ -0,0 +1,45 @@
+'use client';import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/button/Button.tsx
+function Button({
+  variant = "primary",
+  size = "md",
+  type = "button",
+  disabled = false,
+  loading = false,
+  iconLeft = null,
+  iconRight = null,
+  fullWidth = false,
+  className = "",
+  children,
+  ...rest
+}) {
+  const classes = [
+    "btn",
+    `btn--${variant}`,
+    size !== "md" ? `btn--${size}` : "",
+    fullWidth ? "btn--block" : "",
+    loading ? "is-loading" : "",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type,
+      className: classes,
+      disabled: disabled || loading,
+      "aria-busy": loading || void 0,
+      ...rest,
+      children: [
+        iconLeft ? /* @__PURE__ */ jsx("span", { className: "btn__icon", "aria-hidden": "true", children: iconLeft }) : null,
+        /* @__PURE__ */ jsx("span", { className: "btn__label", children }),
+        iconRight ? /* @__PURE__ */ jsx("span", { className: "btn__icon", "aria-hidden": "true", children: iconRight }) : null,
+        loading ? /* @__PURE__ */ jsx("span", { className: "btn__spinner", "aria-hidden": "true" }) : null
+      ]
+    }
+  );
+}
+
+export { Button };
+//# sourceMappingURL=chunk-HGILYGY3.js.map
+//# sourceMappingURL=chunk-HGILYGY3.js.map

package/dist/chunk-HGILYGY3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button/Button.tsx"],"names":[],"mappings":";;;AAqBO,SAAS,MAAA,CAAO;AAAA,EACrB,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,IAAA,GAAO,QAAA;AAAA,EACP,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,QAAA,GAAW,IAAA;AAAA,EACX,SAAA,GAAY,IAAA;AAAA,EACZ,SAAA,GAAY,KAAA;AAAA,EACZ,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgB;AACd,EAAA,MAAM,OAAA,GAAU;AAAA,IACd,KAAA;AAAA,IACA,QAAQ,OAAO,CAAA,CAAA;AAAA,IACf,IAAA,KAAS,IAAA,GAAO,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAA,GAAK,EAAA;AAAA,IACjC,YAAY,YAAA,GAAe,EAAA;AAAA,IAC3B,UAAU,YAAA,GAAe,EAAA;AAAA,IACzB;AAAA,GACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,SAAA,EAAW,OAAA;AAAA,MACX,UAAU,QAAA,IAAY,OAAA;AAAA,MACtB,aAAW,OAAA,IAAW,MAAA;AAAA,MACrB,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA,uBACE,MAAA,EAAA,EAAK,SAAA,EAAU,aAAY,aAAA,EAAY,MAAA,EACrC,oBACH,CAAA,GACE,IAAA;AAAA,wBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAc,QAAA,EAAS,CAAA;AAAA,QACtC,SAAA,uBACE,MAAA,EAAA,EAAK,SAAA,EAAU,aAAY,aAAA,EAAY,MAAA,EACrC,qBACH,CAAA,GACE,IAAA;AAAA,QACH,0BAAU,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,cAAA,EAAe,aAAA,EAAY,QAAO,CAAA,GAAK;AAAA;AAAA;AAAA,GACpE;AAEJ","file":"chunk-HGILYGY3.js","sourcesContent":["'use client';\n\n// Button - primitive; composes button.css classes, renders icons, manages loading.\n\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Visual weight / intent. @default 'primary' */\n  variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'link';\n  /** Control height. sm 28px - md 36px (default) - lg 40px. @default 'md' */\n  size?: 'sm' | 'md' | 'lg';\n  /** Loading - swaps content for a spinner and makes the button inert. */\n  loading?: boolean;\n  /** Leading icon node (e.g. a 16px <Icon>). Sized & aligned by the component. */\n  iconLeft?: ReactNode;\n  /** Trailing icon node. */\n  iconRight?: ReactNode;\n  /** Stretch to fill the container width. */\n  fullWidth?: boolean;\n}\n\nexport function Button({\n  variant = 'primary',\n  size = 'md',\n  type = 'button',\n  disabled = false,\n  loading = false,\n  iconLeft = null,\n  iconRight = null,\n  fullWidth = false,\n  className = '',\n  children,\n  ...rest\n}: ButtonProps) {\n  const classes = [\n    'btn',\n    `btn--${variant}`,\n    size !== 'md' ? `btn--${size}` : '',\n    fullWidth ? 'btn--block' : '',\n    loading ? 'is-loading' : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      type={type}\n      className={classes}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      {...rest}\n    >\n      {iconLeft ? (\n        <span className=\"btn__icon\" aria-hidden=\"true\">\n          {iconLeft}\n        </span>\n      ) : null}\n      <span className=\"btn__label\">{children}</span>\n      {iconRight ? (\n        <span className=\"btn__icon\" aria-hidden=\"true\">\n          {iconRight}\n        </span>\n      ) : null}\n      {loading ? <span className=\"btn__spinner\" aria-hidden=\"true\" /> : null}\n    </button>\n  );\n}\n"]}

package/dist/chunk-I3BCB4Z5.js

@@ -0,0 +1,88 @@
+'use client';import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/avatar/Avatar.tsx
+var _PALETTE_SLOTS = 6;
+function _hash(str) {
+  let h = 0;
+  for (let i = 0; i < str.length; i++) h = (h << 5) - h + str.charCodeAt(i) | 0;
+  return Math.abs(h) % _PALETTE_SLOTS + 1;
+}
+function _initials(name, max) {
+  if (!name) return "";
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (parts.length === 0) return "";
+  if (parts.length === 1 || max === 1) return parts[0][0].toUpperCase();
+  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+}
+function _Silhouette() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8.5", r: "3.8", fill: "currentColor" }),
+    /* @__PURE__ */ jsx("path", { d: "M4 20.5C4 16.1 7.6 13 12 13s8 3.1 8 7.5", fill: "currentColor", opacity: "0.65" })
+  ] });
+}
+function Avatar({
+  src = null,
+  name = null,
+  icon = null,
+  shape = "circle",
+  size = "md",
+  status = null,
+  paletteIndex = null,
+  className = "",
+  style = {},
+  ...rest
+}) {
+  const [imgError, setImgError] = React.useState(false);
+  const showImg = Boolean(src) && !imgError;
+  const maxInits = size === "xs" ? 1 : 2;
+  const inits = _initials(name, maxInits);
+  const slot = paletteIndex ?? (name ? _hash(name) : null);
+  const classes = [
+    "avatar",
+    size !== "md" ? `avatar--${size}` : "",
+    shape === "square" ? "avatar--square" : "",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: classes,
+      role: name ? "img" : void 0,
+      "aria-label": name || void 0,
+      "data-palette": !showImg && slot != null ? slot : void 0,
+      style,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "avatar__face", children: [
+          showImg && /* @__PURE__ */ jsx(
+            "img",
+            {
+              className: "avatar__img",
+              src,
+              alt: name || "",
+              onError: () => setImgError(true),
+              draggable: false
+            }
+          ),
+          !showImg && icon && /* @__PURE__ */ jsx("span", { className: "avatar__icon", "aria-hidden": "true", children: icon }),
+          !showImg && !icon && inits && /* @__PURE__ */ jsx("span", { className: "avatar__initials", "aria-hidden": "true", children: inits }),
+          !showImg && !icon && !inits && /* @__PURE__ */ jsx("span", { className: "avatar__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx(_Silhouette, {}) })
+        ] }),
+        status && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `avatar__status avatar__status--${status}`,
+            role: "img",
+            "aria-label": status,
+            title: status
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { Avatar };
+//# sourceMappingURL=chunk-I3BCB4Z5.js.map
+//# sourceMappingURL=chunk-I3BCB4Z5.js.map

package/dist/chunk-I3BCB4Z5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"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","file":"chunk-I3BCB4Z5.js","sourcesContent":["'use client';\n\n// Avatar - identity mark; content priority: image - icon - initials - silhouette.\n\nimport * as React from 'react';\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport type AvatarShape = 'circle' | 'square';\nexport type AvatarStatus = 'online' | 'away' | 'busy' | 'offline';\nexport type AvatarPaletteIndex = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Image URL. Falls back to initials / icon / silhouette if absent or fails. */\n  src?: string | null;\n  /** Display name - drives initials generation, palette hash, and aria-label. */\n  name?: string | null;\n  /** Content override - any React node (e.g. <Icon name=\"globe\" />). */\n  icon?: React.ReactNode | null;\n  /** 'circle' for people; 'square' for channels / brand pages. Default 'circle'. */\n  shape?: AvatarShape;\n  /** Size step. Default 'md' (32 px). */\n  size?: AvatarSize;\n  /** Presence indicator dot at bottom-right. Default null (hidden). */\n  status?: AvatarStatus | null;\n  /** Override identity slot 1-6 (blue - violet - plum - rose - clay - moss); auto from name hash when null, neutral when anonymous. */\n  paletteIndex?: AvatarPaletteIndex | null;\n}\n\nconst _PALETTE_SLOTS = 6;\n\nfunction _hash(str: string) {\n  let h = 0;\n  for (let i = 0; i < str.length; i++) h = ((h << 5) - h + str.charCodeAt(i)) | 0;\n  return (Math.abs(h) % _PALETTE_SLOTS) + 1;\n}\n\nfunction _initials(name: string | null, max: number) {\n  if (!name) return '';\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return '';\n  if (parts.length === 1 || max === 1) return parts[0][0].toUpperCase();\n  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();\n}\n\nfunction _Silhouette() {\n  return (\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n      <circle cx=\"12\" cy=\"8.5\" r=\"3.8\" fill=\"currentColor\" />\n      <path d=\"M4 20.5C4 16.1 7.6 13 12 13s8 3.1 8 7.5\" fill=\"currentColor\" opacity=\"0.65\" />\n    </svg>\n  );\n}\n\nexport function Avatar({\n  src = null,\n  name = null,\n  icon = null,\n  shape = 'circle',\n  size = 'md',\n  status = null,\n  paletteIndex = null,\n  className = '',\n  style = {},\n  ...rest\n}: AvatarProps) {\n  const [imgError, setImgError] = React.useState(false);\n  const showImg = Boolean(src) && !imgError;\n\n  const maxInits = size === 'xs' ? 1 : 2;\n  const inits = _initials(name, maxInits);\n  const slot = paletteIndex ?? (name ? _hash(name) : null);\n\n  const classes = [\n    'avatar',\n    size !== 'md' ? `avatar--${size}` : '',\n    shape === 'square' ? 'avatar--square' : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span\n      className={classes}\n      role={name ? 'img' : undefined}\n      aria-label={name || undefined}\n      data-palette={!showImg && slot != null ? slot : undefined}\n      style={style}\n      {...rest}\n    >\n      <span className=\"avatar__face\">\n        {showImg && (\n          <img\n            className=\"avatar__img\"\n            src={src}\n            alt={name || ''}\n            onError={() => setImgError(true)}\n            draggable={false}\n          />\n        )}\n        {!showImg && icon && (\n          <span className=\"avatar__icon\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n        {!showImg && !icon && inits && (\n          <span className=\"avatar__initials\" aria-hidden=\"true\">\n            {inits}\n          </span>\n        )}\n        {!showImg && !icon && !inits && (\n          <span className=\"avatar__icon\" aria-hidden=\"true\">\n            <_Silhouette />\n          </span>\n        )}\n      </span>\n\n      {status && (\n        <span\n          className={`avatar__status avatar__status--${status}`}\n          role=\"img\"\n          aria-label={status}\n          title={status}\n        />\n      )}\n    </span>\n  );\n}\n"]}