@spark-ui/components 10.0.0

package/dist/text-link/index.js

@@ -0,0 +1,99 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/text-link/index.ts
+var text_link_exports = {};
+__export(text_link_exports, {
+  TextLink: () => TextLink
+});
+module.exports = __toCommonJS(text_link_exports);
+
+// src/text-link/TextLink.tsx
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/slot/Slot.tsx
+var import_radix_ui = require("radix-ui");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Slottable = import_radix_ui.Slot.Slottable;
+var Slot = ({ ref, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radix_ui.Slot.Root, { ref, ...props });
+};
+
+// src/text-link/TextLink.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var textLinkStyles = (0, import_class_variance_authority.cva)(["inline-flex items-center focus-visible:u-outline"], {
+  variants: {
+    intent: {
+      current: "text-current hover:opacity-dim-1",
+      main: "text-main hover:text-main-hovered",
+      support: "text-support hover:text-support-hovered",
+      accent: "text-accent hover:text-accent-hovered",
+      basic: "text-basic hover:text-basic-hovered",
+      success: "text-success hover:text-success-hovered",
+      alert: "text-alert hover:text-alert-hovered",
+      danger: "text-error hover:text-error-hovered",
+      info: "text-info hover:text-info-hovered",
+      neutral: "text-neutral hover:text-neutral-hovered"
+    },
+    /** By default, TextLink inherits the current font weight. Use `bold` to highlight it. */
+    bold: {
+      true: "font-bold"
+    },
+    /**
+     * Underline is enabled by default.
+     * You can remove it, but be careful about a11y, as you should make obvious to users what is a link or not.
+     */
+    underline: {
+      true: "underline",
+      false: "hover:underline focus:underline"
+    }
+  },
+  defaultVariants: {
+    intent: "current",
+    bold: false,
+    underline: true
+  }
+});
+var TextLink = ({
+  asChild = false,
+  bold = false,
+  children,
+  className,
+  intent = "current",
+  underline = true,
+  ref,
+  ...props
+}) => {
+  const Component = asChild ? Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    Component,
+    {
+      ref,
+      className: textLinkStyles({ className, bold, intent, underline }),
+      ...props,
+      children
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextLink
+});
+//# sourceMappingURL=index.js.map

package/dist/text-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/text-link/index.ts","../../src/text-link/TextLink.tsx","../../src/slot/Slot.tsx"],"sourcesContent":["export * from './TextLink'\n","import { cva, type VariantProps } from 'class-variance-authority'\nimport { type ComponentPropsWithRef } from 'react'\n\nimport { Slot } from '../slot'\n\nconst textLinkStyles = cva(['inline-flex items-center focus-visible:u-outline'], {\n  variants: {\n    intent: {\n      current: 'text-current hover:opacity-dim-1',\n      main: 'text-main hover:text-main-hovered',\n      support: 'text-support hover:text-support-hovered',\n      accent: 'text-accent hover:text-accent-hovered',\n      basic: 'text-basic hover:text-basic-hovered',\n      success: 'text-success hover:text-success-hovered',\n      alert: 'text-alert hover:text-alert-hovered',\n      danger: 'text-error hover:text-error-hovered',\n      info: 'text-info hover:text-info-hovered',\n      neutral: 'text-neutral hover:text-neutral-hovered',\n    },\n    /** By default, TextLink inherits the current font weight. Use `bold` to highlight it. */\n    bold: {\n      true: 'font-bold',\n    },\n    /**\n     * Underline is enabled by default.\n     * You can remove it, but be careful about a11y, as you should make obvious to users what is a link or not.\n     */\n    underline: {\n      true: 'underline',\n      false: 'hover:underline focus:underline',\n    },\n  },\n  defaultVariants: {\n    intent: 'current',\n    bold: false,\n    underline: true,\n  },\n})\n\nexport type StylesProps = VariantProps<typeof textLinkStyles>\n\nexport type TextLinkProps = ComponentPropsWithRef<'a'> &\n  StylesProps & {\n    /**\n     * Change the component to the HTML tag or custom component of the only child.\n     */\n    asChild?: boolean\n  }\n\nexport const TextLink = ({\n  asChild = false,\n  bold = false,\n  children,\n  className,\n  intent = 'current',\n  underline = true,\n  ref,\n  ...props\n}: TextLinkProps) => {\n  const Component = asChild ? Slot : 'a'\n\n  return (\n    <Component\n      ref={ref}\n      className={textLinkStyles({ className, bold, intent, underline })}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n","import { Slot as RadixSlot } from 'radix-ui'\nimport {\n  cloneElement,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  Ref,\n} from 'react'\n\nexport const Slottable = RadixSlot.Slottable\n\nexport type SlotProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Slot = ({ ref, ...props }: SlotProps) => {\n  return <RadixSlot.Root ref={ref} {...props} />\n}\n\n/**\n * When using Radix `Slot` component, it will consider its first child to merge its props with.\n * In some cases, you might need to wrap the top child with additional markup without breaking this behaviour.\n */\nexport const wrapPolymorphicSlot = (\n  asChild: boolean | undefined,\n  children: ReactNode,\n  callback: (children: ReactNode) => ReactNode\n) => {\n  if (!asChild) return callback(children) // If polymorphic behaviour is not used, we keep the original children\n\n  return isValidElement(children)\n    ? cloneElement(\n        children,\n        undefined,\n        callback((children.props as { children: ReactNode }).children)\n      )\n    : null\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sCAAuC;;;ACAvC,sBAAkC;AAClC,mBAOO;AASE;AAPF,IAAM,YAAY,gBAAAA,KAAU;AAM5B,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AACpD,SAAO,4CAAC,gBAAAA,KAAU,MAAV,EAAe,KAAW,GAAG,OAAO;AAC9C;;;AD4CI,IAAAC,sBAAA;AAzDJ,IAAM,qBAAiB,qCAAI,CAAC,kDAAkD,GAAG;AAAA,EAC/E,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AACF,CAAC;AAYM,IAAM,WAAW,CAAC;AAAA,EACvB,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,MAAqB;AACnB,QAAM,YAAY,UAAU,OAAO;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,eAAe,EAAE,WAAW,MAAM,QAAQ,UAAU,CAAC;AAAA,MAC/D,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":["RadixSlot","import_jsx_runtime"]}

package/dist/text-link/index.mjs

@@ -0,0 +1,8 @@
+import {
+  TextLink
+} from "../chunk-K7VP7DH3.mjs";
+import "../chunk-4F5DOL57.mjs";
+export {
+  TextLink
+};
+//# sourceMappingURL=index.mjs.map

package/dist/text-link/index.mjs.map

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

package/dist/textarea/index.d.mts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { I as InputGroupProps } from '../InputGroup-aoaZxCLk.mjs';
+import { I as InputLeadingIconProps, a as InputTrailingIconProps } from '../InputTrailingIcon-BBp7sE6D.mjs';
+import { ComponentPropsWithRef, PropsWithChildren } from 'react';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '../icon/index.mjs';
+
+type TextareaGroupProps = Omit<InputGroupProps, 'onClear'>;
+declare const TextareaGroup$1: {
+    (props: InputGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type TextareaLeadingIconProps = InputLeadingIconProps;
+declare const TextareaLeadingIcon: {
+    (props: InputLeadingIconProps): react_jsx_runtime.JSX.Element;
+    id: string;
+    displayName: string;
+};
+
+type TextareaTrailingIconProps = InputTrailingIconProps;
+declare const TextareaTrailingIcon: {
+    (props: InputTrailingIconProps): react_jsx_runtime.JSX.Element;
+    id: string;
+    displayName: string;
+};
+
+interface TextareaProps extends ComponentPropsWithRef<'textarea'> {
+    /**
+     * If `false`, the textarea won't be resizable.
+     */
+    isResizable?: boolean;
+}
+declare const Textarea: {
+    ({ className, disabled, rows, isResizable, ref, ...others }: PropsWithChildren<TextareaProps>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+} & {
+    id: string;
+};
+
+declare const TextareaGroup: typeof TextareaGroup$1 & {
+    LeadingIcon: typeof TextareaLeadingIcon;
+    TrailingIcon: typeof TextareaTrailingIcon;
+};
+
+export { Textarea, TextareaGroup, type TextareaGroupProps, type TextareaLeadingIconProps, type TextareaProps, type TextareaTrailingIconProps };

package/dist/textarea/index.d.ts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { I as InputGroupProps } from '../InputGroup-aoaZxCLk.js';
+import { I as InputLeadingIconProps, a as InputTrailingIconProps } from '../InputTrailingIcon-ZZx8PoJy.js';
+import { ComponentPropsWithRef, PropsWithChildren } from 'react';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '../icon/index.js';
+
+type TextareaGroupProps = Omit<InputGroupProps, 'onClear'>;
+declare const TextareaGroup$1: {
+    (props: InputGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type TextareaLeadingIconProps = InputLeadingIconProps;
+declare const TextareaLeadingIcon: {
+    (props: InputLeadingIconProps): react_jsx_runtime.JSX.Element;
+    id: string;
+    displayName: string;
+};
+
+type TextareaTrailingIconProps = InputTrailingIconProps;
+declare const TextareaTrailingIcon: {
+    (props: InputTrailingIconProps): react_jsx_runtime.JSX.Element;
+    id: string;
+    displayName: string;
+};
+
+interface TextareaProps extends ComponentPropsWithRef<'textarea'> {
+    /**
+     * If `false`, the textarea won't be resizable.
+     */
+    isResizable?: boolean;
+}
+declare const Textarea: {
+    ({ className, disabled, rows, isResizable, ref, ...others }: PropsWithChildren<TextareaProps>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+} & {
+    id: string;
+};
+
+declare const TextareaGroup: typeof TextareaGroup$1 & {
+    LeadingIcon: typeof TextareaLeadingIcon;
+    TrailingIcon: typeof TextareaTrailingIcon;
+};
+
+export { Textarea, TextareaGroup, type TextareaGroupProps, type TextareaLeadingIconProps, type TextareaProps, type TextareaTrailingIconProps };