@cerberus-design/react 0.3.2-next-b86ed22 → 0.3.2-next-4a29e36

package/build/legacy/_tsup-dts-rollup.d.ts

@@ -9,6 +9,7 @@ import { MutableRefObject } from 'react';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
 import { RefObject } from 'react';
+import type { TextareaHTMLAttributes } from 'react';
 
 /**
  * A component that allows the user to perform actions
@@ -401,6 +402,25 @@ declare interface TabsProps {
 export { TabsProps }
 export { TabsProps as TabsProps_alias_1 }
 
+/**
+ * A component that allows the user to input large blocks of text.
+ * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Textarea.tsx
+ */
+declare function Textarea(props: TextareaProps): JSX.Element;
+export { Textarea }
+export { Textarea as Textarea_alias_1 }
+
+/**
+ * This module contains the Textarea component.
+ * @module
+ */
+declare interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'> {
+    describedBy?: string;
+    id: string;
+}
+export { TextareaProps }
+export { TextareaProps as TextareaProps_alias_1 }
+
 declare const THEME_KEY = "cerberus-theme";
 export { THEME_KEY }
 export { THEME_KEY as THEME_KEY_alias_1 }

package/build/legacy/chunk-5TBINKAO.js

@@ -0,0 +1,36 @@
+import {
+  useFieldContext
+} from "./chunk-ZAU4JVLL.js";
+
+// src/components/Textarea.tsx
+import { css, cx } from "@cerberus/styled-system/css";
+import { input } from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function Textarea(props) {
+  const { describedBy, ...nativeProps } = props;
+  const { invalid, ...fieldState } = useFieldContext();
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ...nativeProps,
+      ...fieldState,
+      ...describedBy && { "aria-describedby": describedBy },
+      ...invalid && { "aria-invalid": true },
+      className: cx(
+        props.className,
+        input().input,
+        css({
+          pxi: "2",
+          py: "2",
+          resize: "vertical"
+        })
+      ),
+      rows: 4
+    }
+  );
+}
+
+export {
+  Textarea
+};
+//# sourceMappingURL=chunk-5TBINKAO.js.map

package/build/legacy/chunk-5TBINKAO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Textarea.tsx"],"sourcesContent":["'use client'\n\nimport type { TextareaHTMLAttributes } from 'react'\nimport { css, cx } from '@cerberus/styled-system/css'\nimport { input } from '@cerberus/styled-system/recipes'\nimport { useFieldContext } from '../context/field'\n\n/**\n * This module contains the Textarea component.\n * @module\n */\n\nexport interface TextareaProps\n  extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'> {\n  describedBy?: string\n  id: string\n}\n\n/**\n * A component that allows the user to input large blocks of text.\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Textarea.tsx\n */\nexport function Textarea(props: TextareaProps): JSX.Element {\n  const { describedBy, ...nativeProps } = props\n  const { invalid, ...fieldState } = useFieldContext()\n\n  return (\n    <textarea\n      {...nativeProps}\n      {...fieldState}\n      {...(describedBy && { 'aria-describedby': describedBy })}\n      {...(invalid && { 'aria-invalid': true })}\n      className={cx(\n        props.className,\n        input().input,\n        css({\n          pxi: '2',\n          py: '2',\n          resize: 'vertical',\n        }),\n      )}\n      rows={4}\n    />\n  )\n}\n"],"mappings":";;;;;AAGA,SAAS,KAAK,UAAU;AACxB,SAAS,aAAa;AAuBlB;AALG,SAAS,SAAS,OAAmC;AAC1D,QAAM,EAAE,aAAa,GAAG,YAAY,IAAI;AACxC,QAAM,EAAE,SAAS,GAAG,WAAW,IAAI,gBAAgB;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAI,eAAe,EAAE,oBAAoB,YAAY;AAAA,MACrD,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW;AAAA,QACT,MAAM;AAAA,QACN,MAAM,EAAE;AAAA,QACR,IAAI;AAAA,UACF,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,QAAQ;AAAA,QACV,CAAC;AAAA,MACH;AAAA,MACA,MAAM;AAAA;AAAA,EACR;AAEJ;","names":[]}

package/build/legacy/components/Textarea.d.ts

@@ -0,0 +1,2 @@
+export { Textarea_alias_1 as Textarea } from '../_tsup-dts-rollup';
+export { TextareaProps_alias_1 as TextareaProps } from '../_tsup-dts-rollup';

package/build/legacy/components/Textarea.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  Textarea
+} from "../chunk-5TBINKAO.js";
+import "../chunk-ZAU4JVLL.js";
+export {
+  Textarea
+};
+//# sourceMappingURL=Textarea.js.map

package/build/legacy/components/Textarea.js.map

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

package/build/legacy/index.d.ts

@@ -22,6 +22,8 @@ export { TabList } from './_tsup-dts-rollup';
 export { TabListProps } from './_tsup-dts-rollup';
 export { TabPanel } from './_tsup-dts-rollup';
 export { TabPanelProps } from './_tsup-dts-rollup';
+export { Textarea } from './_tsup-dts-rollup';
+export { TextareaProps } from './_tsup-dts-rollup';
 export { Show } from './_tsup-dts-rollup';
 export { ShowProps } from './_tsup-dts-rollup';
 export { Field } from './_tsup-dts-rollup';

package/build/legacy/index.js

@@ -1,6 +1,9 @@
 import {
   TabPanel
 } from "./chunk-SVZU6LPF.js";
+import {
+  Textarea
+} from "./chunk-5TBINKAO.js";
 import {
   Input
 } from "./chunk-LD5ZV46F.js";
@@ -81,6 +84,7 @@ export {
   TabPanel,
   Tabs,
   TabsContext,
+  Textarea,
   ThemeProvider,
   createNavTriggerProps,
   getPosition,

package/build/modern/_tsup-dts-rollup.d.ts

@@ -9,6 +9,7 @@ import { MutableRefObject } from 'react';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
 import { RefObject } from 'react';
+import type { TextareaHTMLAttributes } from 'react';
 
 /**
  * A component that allows the user to perform actions
@@ -401,6 +402,25 @@ declare interface TabsProps {
 export { TabsProps }
 export { TabsProps as TabsProps_alias_1 }
 
+/**
+ * A component that allows the user to input large blocks of text.
+ * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Textarea.tsx
+ */
+declare function Textarea(props: TextareaProps): JSX.Element;
+export { Textarea }
+export { Textarea as Textarea_alias_1 }
+
+/**
+ * This module contains the Textarea component.
+ * @module
+ */
+declare interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'> {
+    describedBy?: string;
+    id: string;
+}
+export { TextareaProps }
+export { TextareaProps as TextareaProps_alias_1 }
+
 declare const THEME_KEY = "cerberus-theme";
 export { THEME_KEY }
 export { THEME_KEY as THEME_KEY_alias_1 }

package/build/modern/chunk-5TBINKAO.js

@@ -0,0 +1,36 @@
+import {
+  useFieldContext
+} from "./chunk-ZAU4JVLL.js";
+
+// src/components/Textarea.tsx
+import { css, cx } from "@cerberus/styled-system/css";
+import { input } from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function Textarea(props) {
+  const { describedBy, ...nativeProps } = props;
+  const { invalid, ...fieldState } = useFieldContext();
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ...nativeProps,
+      ...fieldState,
+      ...describedBy && { "aria-describedby": describedBy },
+      ...invalid && { "aria-invalid": true },
+      className: cx(
+        props.className,
+        input().input,
+        css({
+          pxi: "2",
+          py: "2",
+          resize: "vertical"
+        })
+      ),
+      rows: 4
+    }
+  );
+}
+
+export {
+  Textarea
+};
+//# sourceMappingURL=chunk-5TBINKAO.js.map

package/build/modern/chunk-5TBINKAO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Textarea.tsx"],"sourcesContent":["'use client'\n\nimport type { TextareaHTMLAttributes } from 'react'\nimport { css, cx } from '@cerberus/styled-system/css'\nimport { input } from '@cerberus/styled-system/recipes'\nimport { useFieldContext } from '../context/field'\n\n/**\n * This module contains the Textarea component.\n * @module\n */\n\nexport interface TextareaProps\n  extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'> {\n  describedBy?: string\n  id: string\n}\n\n/**\n * A component that allows the user to input large blocks of text.\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Textarea.tsx\n */\nexport function Textarea(props: TextareaProps): JSX.Element {\n  const { describedBy, ...nativeProps } = props\n  const { invalid, ...fieldState } = useFieldContext()\n\n  return (\n    <textarea\n      {...nativeProps}\n      {...fieldState}\n      {...(describedBy && { 'aria-describedby': describedBy })}\n      {...(invalid && { 'aria-invalid': true })}\n      className={cx(\n        props.className,\n        input().input,\n        css({\n          pxi: '2',\n          py: '2',\n          resize: 'vertical',\n        }),\n      )}\n      rows={4}\n    />\n  )\n}\n"],"mappings":";;;;;AAGA,SAAS,KAAK,UAAU;AACxB,SAAS,aAAa;AAuBlB;AALG,SAAS,SAAS,OAAmC;AAC1D,QAAM,EAAE,aAAa,GAAG,YAAY,IAAI;AACxC,QAAM,EAAE,SAAS,GAAG,WAAW,IAAI,gBAAgB;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAI,eAAe,EAAE,oBAAoB,YAAY;AAAA,MACrD,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW;AAAA,QACT,MAAM;AAAA,QACN,MAAM,EAAE;AAAA,QACR,IAAI;AAAA,UACF,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,QAAQ;AAAA,QACV,CAAC;AAAA,MACH;AAAA,MACA,MAAM;AAAA;AAAA,EACR;AAEJ;","names":[]}

package/build/modern/components/Textarea.d.ts

@@ -0,0 +1,2 @@
+export { Textarea_alias_1 as Textarea } from '../_tsup-dts-rollup';
+export { TextareaProps_alias_1 as TextareaProps } from '../_tsup-dts-rollup';

package/build/modern/components/Textarea.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  Textarea
+} from "../chunk-5TBINKAO.js";
+import "../chunk-ZAU4JVLL.js";
+export {
+  Textarea
+};
+//# sourceMappingURL=Textarea.js.map

package/build/modern/components/Textarea.js.map

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

package/build/modern/index.d.ts

@@ -22,6 +22,8 @@ export { TabList } from './_tsup-dts-rollup';
 export { TabListProps } from './_tsup-dts-rollup';
 export { TabPanel } from './_tsup-dts-rollup';
 export { TabPanelProps } from './_tsup-dts-rollup';
+export { Textarea } from './_tsup-dts-rollup';
+export { TextareaProps } from './_tsup-dts-rollup';
 export { Show } from './_tsup-dts-rollup';
 export { ShowProps } from './_tsup-dts-rollup';
 export { Field } from './_tsup-dts-rollup';

package/build/modern/index.js

@@ -1,6 +1,9 @@
 import {
   TabPanel
 } from "./chunk-SVZU6LPF.js";
+import {
+  Textarea
+} from "./chunk-5TBINKAO.js";
 import {
   Input
 } from "./chunk-LD5ZV46F.js";
@@ -81,6 +84,7 @@ export {
   TabPanel,
   Tabs,
   TabsContext,
+  Textarea,
   ThemeProvider,
   createNavTriggerProps,
   getPosition,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.3.2-next-b86ed22",
+  "version": "0.3.2-next-4a29e36",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,

package/src/components/Textarea.tsx

@@ -0,0 +1,45 @@
+'use client'
+
+import type { TextareaHTMLAttributes } from 'react'
+import { css, cx } from '@cerberus/styled-system/css'
+import { input } from '@cerberus/styled-system/recipes'
+import { useFieldContext } from '../context/field'
+
+/**
+ * This module contains the Textarea component.
+ * @module
+ */
+
+export interface TextareaProps
+  extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'> {
+  describedBy?: string
+  id: string
+}
+
+/**
+ * A component that allows the user to input large blocks of text.
+ * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Textarea.tsx
+ */
+export function Textarea(props: TextareaProps): JSX.Element {
+  const { describedBy, ...nativeProps } = props
+  const { invalid, ...fieldState } = useFieldContext()
+
+  return (
+    <textarea
+      {...nativeProps}
+      {...fieldState}
+      {...(describedBy && { 'aria-describedby': describedBy })}
+      {...(invalid && { 'aria-invalid': true })}
+      className={cx(
+        props.className,
+        input().input,
+        css({
+          pxi: '2',
+          py: '2',
+          resize: 'vertical',
+        }),
+      )}
+      rows={4}
+    />
+  )
+}

package/src/index.ts

@@ -16,6 +16,7 @@ export * from './components/NavMenuLink'
 export * from './components/Tab'
 export * from './components/TabList'
 export * from './components/TabPanel'
+export * from './components/Textarea'
 export * from './components/Show'
 
 // context