silver-ui 0.1.0

package/dist/chunk-WA4DRAQ7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/linkAccessibility.ts","../src/components/Link/Link.recipe.ts","../src/components/Link/LinkContext.ts","../src/components/Link/useLinkComponent.ts","../src/components/Link/Link.tsx","../src/components/Link/LinkProvider.tsx"],"names":["useMemo","jsx"],"mappings":"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","file":"chunk-WA4DRAQ7.js","sourcesContent":["import {useMemo} from 'react';\n\nexport function getAriaLabel(\n  label: string | undefined,\n  opensInNewTab: boolean,\n): string | undefined {\n  if (!opensInNewTab) {\n    return label;\n  }\n\n  return label != null ? `${label} (opens in new tab)` : undefined;\n}\n\nexport function useRel({\n  isExternalLink = false,\n  target,\n  rel,\n}: {\n  isExternalLink?: boolean;\n  target?: string;\n  rel?: string;\n}): string | undefined {\n  return useMemo(() => {\n    if (!isExternalLink && target !== '_blank') {\n      return rel;\n    }\n\n    const relValues = new Set((rel ?? '').split(/\\s+/).filter(Boolean));\n    relValues.add('noopener');\n    relValues.add('noreferrer');\n\n    return Array.from(relValues).join(' ');\n  }, [isExternalLink, target, rel]);\n}\n","import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const linkRecipe = cva({\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n    fontFamily: 'body',\n    fontWeight: 'inherit',\n    lineHeight: 'normal',\n    textDecoration: 'none',\n    cursor: 'pointer',\n    transitionProperty: 'color, text-decoration-color, opacity',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    _hover: {\n      textDecoration: 'underline',\n    },\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n    '&[aria-disabled=\"true\"]': {\n      cursor: 'not-allowed',\n      opacity: 0.5,\n    },\n  },\n  variants: {\n    size: {\n      xs: {fontSize: 'xs'},\n      sm: {fontSize: 'sm'},\n      md: {fontSize: 'md'},\n      lg: {fontSize: 'lg'},\n      xl: {fontSize: 'xl'},\n      '2xl': {fontSize: '2xl'},\n      '3xl': {fontSize: '3xl'},\n      '4xl': {fontSize: '4xl'},\n      '5xl': {fontSize: '5xl'},\n      '6xl': {fontSize: '6xl'},\n      inherit: {fontSize: 'inherit'},\n    },\n    color: {\n      primary: {\n        color: 'fg',\n      },\n      secondary: {\n        color: 'fg.muted',\n      },\n      disabled: {\n        color: 'fg.disabled',\n      },\n      placeholder: {\n        color: 'fg.muted',\n      },\n      active: {\n        color: 'primary',\n      },\n      inherit: {\n        color: 'inherit',\n      },\n    },\n    weight: {\n      normal: {fontWeight: 'normal'},\n      medium: {fontWeight: 'medium'},\n      semibold: {fontWeight: 'semibold'},\n      bold: {fontWeight: 'bold'},\n      inherit: {fontWeight: 'inherit'},\n    },\n    hasUnderline: {\n      true: {\n        textDecoration: 'underline',\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    color: 'active',\n    size: 'md',\n    hasUnderline: false,\n  },\n});\n\nexport type LinkVariants = RecipeVariantProps<typeof linkRecipe>;\n","import {createContext} from 'react';\nimport type {LinkComponent} from './types';\n\nexport interface LinkContextValue {\n  component: LinkComponent;\n}\n\nexport const LinkContext = createContext<LinkContextValue | null>(null);\nLinkContext.displayName = 'LinkContext';\n","import {use} from 'react';\nimport {LinkContext} from './LinkContext';\nimport type {LinkComponent} from './types';\n\nexport function useLinkComponent(as?: LinkComponent): LinkComponent {\n  const context = use(LinkContext);\n  return as ?? context?.component ?? 'a';\n}\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport {ExternalLink} from 'lucide-react';\nimport type {CSSProperties, MouseEventHandler, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {VisuallyHidden} from '../../internal';\nimport {cx} from '../../internal/cx';\nimport {getAriaLabel, useRel} from '../../internal/linkAccessibility';\nimport {Icon} from '../Icon';\nimport type {TextColor, TextSize, TextWeight} from '../Text';\nimport {Tooltip} from '../Tooltip';\nimport {linkRecipe} from './Link.recipe';\nimport type {LinkComponent} from './types';\nimport {useLinkComponent} from './useLinkComponent';\n\n/**\n * A polymorphic link component with built-in accessibility, external link handling,\n * and router integration via LinkProvider. Supports custom link components (e.g.\n * React Router's Link) through the `as` prop or a parent `LinkProvider`.\n */\nexport interface LinkProps {\n  /**\n   * Identifies the element(s) whose contents are controlled by the link.\n   */\n  'aria-controls'?: string;\n  /**\n   * Indicates the current item in a set (e.g. current page in navigation).\n   */\n  'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true';\n  /**\n   * Identifies the element(s) that describe the link.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Accessible description for the link.\n   */\n  'aria-description'?: string;\n  /**\n   * Identifies the element that provides a detailed description.\n   */\n  'aria-details'?: string;\n  /**\n   * Indicates whether a controlled element is expanded or collapsed.\n   */\n  'aria-expanded'?: boolean;\n  /**\n   * Indicates the link opens an interactive popup element.\n   */\n  'aria-haspopup'?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';\n  /**\n   * Indicates whether the element is exposed to the accessibility API.\n   */\n  'aria-hidden'?: boolean;\n  /**\n   * Keyboard shortcuts that activate or focus the link.\n   */\n  'aria-keyshortcuts'?: string;\n  /**\n   * Identifies the element(s) that label the link.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Identifies element(s) owned by the link that are not DOM children.\n   */\n  'aria-owns'?: string;\n  /**\n   * Human-readable description of the role of the link.\n   */\n  'aria-roledescription'?: string;\n  /**\n   * Custom element type to render instead of `<a>`. Useful for integrating with routers.\n   * If you want to set this globally, use LinkProvider at the top level of your app.\n   */\n  as?: LinkComponent;\n  /**\n   * Link content.\n   */\n  children: ReactNode;\n  /**\n   * Optionally, rendering by setting the className.\n   */\n  className?: string;\n  /**\n   * Color variant controlling the link text color. Default is `active`.\n   */\n  color?: TextColor;\n  /**\n   * Test id applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Show a persistent underline on the link text.\n   */\n  hasUnderline?: boolean;\n  /**\n   * URL destination. Custom link components receive this as both `href` and\n   * `to` so router links and anchor-like links can share the same Silver UI API.\n   * When omitted, Link renders `href=\"#\"` to preserve native link semantics and\n   * prevents the fallback hash navigation.\n   */\n  href?: string;\n  /**\n   * Visually and functionally disable the link. Prevents navigation and removes from tab order.\n   */\n  isDisabled?: boolean;\n  /**\n   * Mark as an external link. Adds an icon and rel=\"noopener noreferrer\".\n   * Defaults target to \"_blank\" unless target is set explicitly.\n   */\n  isExternalLink?: boolean;\n  /**\n   * Accessible label (aria-label). It is recommended to set this if your link does not contain sufficient text to make its purpose clear.\n   */\n  label?: string;\n  /**\n   * Click handler. Not called when the link is disabled.\n   */\n  onClick?: MouseEventHandler<HTMLAnchorElement>;\n  /**\n   * Ref forwarded to the underlying anchor element.\n   */\n  ref?: Ref<HTMLAnchorElement>;\n  /**\n   * HTML rel attribute.\n   */\n  rel?: string;\n  /**\n   * Font size variant. Default is `md`.\n   */\n  size?: TextSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * HTML target attribute.\n   */\n  target?: string;\n  /**\n   * Tooltip text shown on hover.\n   */\n  tooltip?: string;\n  /**\n   * Font weight variant. Default is inherited from parent styles.\n   */\n  weight?: TextWeight;\n}\n\nexport function Link({\n  'aria-controls': ariaControls,\n  'aria-current': ariaCurrent,\n  'aria-description': ariaDescription,\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  'aria-expanded': ariaExpanded,\n  'aria-haspopup': ariaHaspopup,\n  'aria-hidden': ariaHidden,\n  'aria-keyshortcuts': ariaKeyshortcuts,\n  'aria-labelledby': ariaLabelledby,\n  'aria-owns': ariaOwns,\n  'aria-roledescription': ariaRoledescription,\n  as,\n  label,\n  href: hrefFromProps,\n  hasUnderline = false,\n  isDisabled = false,\n  isExternalLink = false,\n  target: targetFromProps,\n  rel: relFromProps,\n  size,\n  tooltip,\n  color,\n  weight,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n  children,\n  onClick,\n}: LinkProps): React.JSX.Element {\n  const Component = useLinkComponent(as);\n  const href = hrefFromProps ?? '#';\n  const isFallbackHref = hrefFromProps == null;\n  const target = targetFromProps ?? (isExternalLink ? '_blank' : undefined);\n  const opensInNewTab = target === '_blank';\n  const rel = useRel({isExternalLink, target, rel: relFromProps});\n\n  const ariaAttrs = {\n    'aria-controls': ariaControls,\n    'aria-current': ariaCurrent,\n    'aria-description': ariaDescription,\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHaspopup,\n    'aria-hidden': ariaHidden,\n    'aria-keyshortcuts': ariaKeyshortcuts,\n    'aria-labelledby': ariaLabelledby,\n    'aria-owns': ariaOwns,\n    'aria-roledescription': ariaRoledescription,\n  };\n\n  const handleClick: MouseEventHandler<HTMLAnchorElement> = event => {\n    if (isDisabled || isFallbackHref) {\n      event.preventDefault();\n    }\n\n    if (isDisabled) {\n      return;\n    }\n\n    onClick?.(event);\n  };\n\n  const element = (\n    <Component\n      {...ariaAttrs}\n      aria-disabled={isDisabled || undefined}\n      aria-label={getAriaLabel(label, opensInNewTab)}\n      className={cx(linkRecipe({color, hasUnderline, size, weight}), className)}\n      data-testid={dataTestId}\n      href={isDisabled ? undefined : href}\n      onClick={handleClick}\n      ref={ref}\n      rel={isDisabled ? undefined : rel}\n      role={isDisabled && hrefFromProps != null ? 'link' : undefined}\n      style={style}\n      tabIndex={isDisabled ? -1 : undefined}\n      target={isDisabled ? undefined : target}\n      to={isDisabled ? undefined : Component === 'a' ? undefined : href}>\n      {children}\n      {opensInNewTab && label == null ? (\n        <>\n          {' '}\n          <VisuallyHidden>(opens in new tab)</VisuallyHidden>\n        </>\n      ) : null}\n      {isExternalLink ? (\n        <span aria-hidden=\"true\" className={styles.externalLink}>\n          <Icon icon={ExternalLink} size=\"sm\" />\n        </span>\n      ) : null}\n    </Component>\n  );\n\n  if (tooltip != null) {\n    return <Tooltip content={tooltip}>{element}</Tooltip>;\n  }\n\n  return element;\n}\n\nLink.displayName = 'Link';\n\nconst styles = {\n  externalLink: css({\n    display: 'inline-flex',\n    flexShrink: 0,\n    fontSize: '0.875em',\n    lineHeight: 1,\n  }),\n};\n","import {useMemo, type ReactNode} from 'react';\nimport {LinkContext} from './LinkContext';\nimport type {LinkComponent} from './types';\n\nexport interface LinkProviderProps {\n  children: ReactNode;\n  component: LinkComponent;\n}\n\nexport function LinkProvider({\n  component,\n  children,\n}: LinkProviderProps): React.JSX.Element {\n  const value = useMemo(() => ({component}), [component]);\n\n  return <LinkContext value={value}>{children}</LinkContext>;\n}\n\nLinkProvider.displayName = 'LinkProvider';\n"]}

package/dist/chunk-WBPIJ4D5.js

@@ -0,0 +1,58 @@
+import { cva } from './chunk-NAELQLZN.js';
+import { cx } from './chunk-PPNETWIP.js';
+import { css } from './chunk-UHQRL4OA.js';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/AspectRatio/AspectRatio.recipe.ts
+var aspectRatioRecipe = cva({
+  base: {
+    position: "relative",
+    w: "100%",
+    minH: 0,
+    flexShrink: 0,
+    overflow: "clip"
+  }
+});
+var styles = {
+  child: css({
+    position: "absolute",
+    inset: 0,
+    w: "100%",
+    h: "100%"
+  })
+};
+function AspectRatio({
+  children,
+  className,
+  "data-testid": dataTestId,
+  ratio,
+  ref,
+  style,
+  ...rest
+}) {
+  const isValidRatio = Number.isFinite(ratio) && ratio > 0;
+  if (process.env.NODE_ENV !== "production") {
+    if (!isValidRatio) {
+      throw new Error(
+        `AspectRatio: \`ratio\` must be a finite positive number, received ${String(ratio)}.`
+      );
+    }
+  }
+  const resolvedRatio = isValidRatio ? ratio : 1;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      className: cx(aspectRatioRecipe(), className),
+      "data-testid": dataTestId,
+      ref,
+      style: { ...style, aspectRatio: resolvedRatio },
+      children: /* @__PURE__ */ jsx("div", { className: styles.child, children })
+    }
+  );
+}
+AspectRatio.displayName = "AspectRatio";
+
+export { AspectRatio, aspectRatioRecipe };
+//# sourceMappingURL=chunk-WBPIJ4D5.js.map
+//# sourceMappingURL=chunk-WBPIJ4D5.js.map

package/dist/chunk-WBPIJ4D5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AspectRatio/AspectRatio.recipe.ts","../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,oBAAoB,GAAA,CAAI;AAAA,EACnC,IAAA,EAAM;AAAA,IACJ,QAAA,EAAU,UAAA;AAAA,IACV,CAAA,EAAG,MAAA;AAAA,IACH,IAAA,EAAM,CAAA;AAAA,IACN,UAAA,EAAY,CAAA;AAAA,IACZ,QAAA,EAAU;AAAA;AAEd,CAAC;ACSD,IAAM,MAAA,GAAS;AAAA,EACb,OAAO,GAAA,CAAI;AAAA,IACT,QAAA,EAAU,UAAA;AAAA,IACV,KAAA,EAAO,CAAA;AAAA,IACP,CAAA,EAAG,MAAA;AAAA,IACH,CAAA,EAAG;AAAA,GACJ;AACH,CAAA;AAEO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwC;AACtC,EAAA,MAAM,YAAA,GAAe,MAAA,CAAO,QAAA,CAAS,KAAK,KAAK,KAAA,GAAQ,CAAA;AAEvD,EAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AACzC,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,MAAM,IAAI,KAAA;AAAA,QACR,CAAA,kEAAA,EAAqE,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAAA,OACpF;AAAA,IACF;AAAA,EACF;AAEA,EAAA,MAAM,aAAA,GAAgB,eAAe,KAAA,GAAQ,CAAA;AAE7C,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,EAAA,CAAG,iBAAA,EAAkB,EAAG,SAAS,CAAA;AAAA,MAC5C,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA,EAAO,EAAC,GAAG,KAAA,EAAO,aAAa,aAAA,EAAa;AAAA,MAC5C,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAQ,QAAA,EAAS;AAAA;AAAA,GAC1C;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-WBPIJ4D5.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const aspectRatioRecipe = cva({\n  base: {\n    position: 'relative',\n    w: '100%',\n    minH: 0,\n    flexShrink: 0,\n    overflow: 'clip',\n  },\n});\n\nexport type AspectRatioVariants = RecipeVariantProps<typeof aspectRatioRecipe>;\n","import type {ComponentPropsWithRef} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {aspectRatioRecipe} from './AspectRatio.recipe';\n\n/**\n * Maintains a fixed width-to-height ratio for media or embedded content.\n */\nexport interface AspectRatioProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Width divided by height, such as `16 / 9`, `4 / 3`, or `1`.\n   */\n  ratio: number;\n}\n\nconst styles = {\n  child: css({\n    position: 'absolute',\n    inset: 0,\n    w: '100%',\n    h: '100%',\n  }),\n};\n\nexport function AspectRatio({\n  children,\n  className,\n  'data-testid': dataTestId,\n  ratio,\n  ref,\n  style,\n  ...rest\n}: AspectRatioProps): React.JSX.Element {\n  const isValidRatio = Number.isFinite(ratio) && ratio > 0;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (!isValidRatio) {\n      throw new Error(\n        `AspectRatio: \\`ratio\\` must be a finite positive number, received ${String(ratio)}.`,\n      );\n    }\n  }\n\n  const resolvedRatio = isValidRatio ? ratio : 1;\n\n  return (\n    <div\n      {...rest}\n      className={cx(aspectRatioRecipe(), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={{...style, aspectRatio: resolvedRatio}}>\n      <div className={styles.child}>{children}</div>\n    </div>\n  );\n}\n\nAspectRatio.displayName = 'AspectRatio';\n"]}