@lucasbernardosn/react-ui 0.0.0-stage → 0.1.0

package/dist/components/display/clipboard/clipboard-input.d.ts

@@ -0,0 +1,19 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/display/clipboard/clipboard-input.d.ts
+/**
+ * Props do `Clipboard.Input`.
+ */
+export type ClipboardInputProps = useRender.ComponentProps<'input'>;
+/**
+ * Campo somente leitura que exibe o valor a ser copiado.
+ *
+ * O conteúdo é selecionado ao receber foco, e copiar pelo teclado
+ * (`Ctrl`/`Cmd` + `C`) também dispara o feedback de cópia. O valor é
+ * sincronizado pela máquina de estados, então acompanha um `value` controlado.
+ */
+export declare const ClipboardInput: {
+  (props: ClipboardInputProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=clipboard-input.d.ts.map

package/dist/components/display/clipboard/clipboard-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-input.d.ts","names":[],"sources":["../../../../src/components/display/clipboard/clipboard-input.tsx"],"mappings":";;;;;YAOY,sBAAsB,UAAU;;;;;;;;qBAS/B;GAAyB,OAAA,sCAAmB,+CAAA"}

package/dist/components/display/clipboard/clipboard-input.js

@@ -0,0 +1,29 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { useClipboardContext } from "./use-clipboard-context.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/display/clipboard/clipboard-input.tsx
+/**
+* Campo somente leitura que exibe o valor a ser copiado.
+*
+* O conteúdo é selecionado ao receber foco, e copiar pelo teclado
+* (`Ctrl`/`Cmd` + `C`) também dispara o feedback de cópia. O valor é
+* sincronizado pela máquina de estados, então acompanha um `value` controlado.
+*/
+const ClipboardInput = (props) => {
+	const { render, className, ...rest } = props;
+	const zagProps = useClipboardContext().getInputProps();
+	const baseProps = {
+		"data-component": "Clipboard.Input",
+		className: mergeTwClassNames([], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "input",
+		props: mergeProps(baseProps, zagProps, rest)
+	});
+};
+ClipboardInput.displayName = "Clipboard.Input";
+//#endregion
+export { ClipboardInput };
+
+//# sourceMappingURL=clipboard-input.js.map

package/dist/components/display/clipboard/clipboard-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-input.js","names":[],"sources":["../../../../src/components/display/clipboard/clipboard-input.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\nimport { useClipboardContext } from './use-clipboard-context';\n\n/**\n * Props do `Clipboard.Input`.\n */\nexport type ClipboardInputProps = useRender.ComponentProps<'input'>;\n\n/**\n * Campo somente leitura que exibe o valor a ser copiado.\n *\n * O conteúdo é selecionado ao receber foco, e copiar pelo teclado\n * (`Ctrl`/`Cmd` + `C`) também dispara o feedback de cópia. O valor é\n * sincronizado pela máquina de estados, então acompanha um `value` controlado.\n */\nexport const ClipboardInput = (props: ClipboardInputProps) => {\n  const { render, className, ...rest } = props;\n\n  const clipboard = useClipboardContext();\n\n  const zagProps = clipboard.getInputProps();\n\n  const baseProps = {\n    'data-component': 'Clipboard.Input',\n    className: mergeTwClassNames([], className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'input',\n    props: mergeProps(baseProps, zagProps, rest),\n  });\n};\n\nClipboardInput.displayName = 'Clipboard.Input';\n"],"mappings":";;;;;;;;;;;AAgBA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAIvC,MAAM,WAFY,oBAEO,CAAC,CAAC,cAAc;CAEzC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,CAAC,GAAG,SAAS;CAC5C;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,UAAU,IAAI;CAC7C,CAAC;AACH;AAEA,eAAe,cAAc"}

package/dist/components/display/clipboard/clipboard-label.d.ts

@@ -0,0 +1,15 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/display/clipboard/clipboard-label.d.ts
+/**
+ * Props do `Clipboard.Label`.
+ */
+export type ClipboardLabelProps = useRender.ComponentProps<'label'>;
+/**
+ * Rótulo do Clipboard, associado ao `Clipboard.Input` pelo `htmlFor`.
+ */
+export declare const ClipboardLabel: {
+  (props: ClipboardLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=clipboard-label.d.ts.map

package/dist/components/display/clipboard/clipboard-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-label.d.ts","names":[],"sources":["../../../../src/components/display/clipboard/clipboard-label.tsx"],"mappings":";;;;;YAOY,sBAAsB,UAAU;;;;qBAK/B;GAAyB,OAAA,sCAAmB,+CAAA"}

package/dist/components/display/clipboard/clipboard-label.js

@@ -0,0 +1,25 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { useClipboardContext } from "./use-clipboard-context.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/display/clipboard/clipboard-label.tsx
+/**
+* Rótulo do Clipboard, associado ao `Clipboard.Input` pelo `htmlFor`.
+*/
+const ClipboardLabel = (props) => {
+	const { render, className, ...rest } = props;
+	const zagProps = useClipboardContext().getLabelProps();
+	const baseProps = {
+		"data-component": "Clipboard.Label",
+		className: mergeTwClassNames([], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "label",
+		props: mergeProps(baseProps, zagProps, rest)
+	});
+};
+ClipboardLabel.displayName = "Clipboard.Label";
+//#endregion
+export { ClipboardLabel };
+
+//# sourceMappingURL=clipboard-label.js.map

package/dist/components/display/clipboard/clipboard-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-label.js","names":[],"sources":["../../../../src/components/display/clipboard/clipboard-label.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\nimport { useClipboardContext } from './use-clipboard-context';\n\n/**\n * Props do `Clipboard.Label`.\n */\nexport type ClipboardLabelProps = useRender.ComponentProps<'label'>;\n\n/**\n * Rótulo do Clipboard, associado ao `Clipboard.Input` pelo `htmlFor`.\n */\nexport const ClipboardLabel = (props: ClipboardLabelProps) => {\n  const { render, className, ...rest } = props;\n\n  const clipboard = useClipboardContext();\n\n  const zagProps = clipboard.getLabelProps();\n\n  const baseProps = {\n    'data-component': 'Clipboard.Label',\n    className: mergeTwClassNames([], className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'label',\n    props: mergeProps(baseProps, zagProps, rest),\n  });\n};\n\nClipboardLabel.displayName = 'Clipboard.Label';\n"],"mappings":";;;;;;;AAYA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAIvC,MAAM,WAFY,oBAEO,CAAC,CAAC,cAAc;CAEzC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,CAAC,GAAG,SAAS;CAC5C;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,UAAU,IAAI;CAC7C,CAAC;AACH;AAEA,eAAe,cAAc"}

package/dist/components/display/clipboard/clipboard-root-provider.d.ts

@@ -0,0 +1,46 @@
+import { UseClipboardReturn } from "./use-clipboard.js";
+import { MergeOverride } from "@lucasbernardosn/utils";
+import { useRender } from "@base-ui/react";
+//#region src/components/display/clipboard/clipboard-root-provider.d.ts
+type RootProviderProps = {
+  /**
+   * Instância do Clipboard criada com o hook `useClipboard`.
+   */
+  value: UseClipboardReturn;
+};
+/**
+ * Props do `Clipboard.RootProvider`: a instância do Clipboard e as props do
+ * elemento renderizado.
+ */
+export type ClipboardRootProviderProps = MergeOverride<useRender.ComponentProps<'div'>, RootProviderProps>;
+/**
+ * Raiz do Clipboard alimentada por uma instância criada fora dela.
+ *
+ * Recebe em `value` o retorno de `useClipboard`, o que permite ler o estado e
+ * comandar a cópia de componentes irmãos — contadores de cópia, botões
+ * externos, ou a exibição do valor fora da subárvore. Como o `Root`, anuncia a
+ * cópia ao leitor de tela numa região `sr-only` depois dos filhos.
+ *
+ * @example
+ * ```tsx
+ * const clipboard = useClipboard({ value: 'https://github.com' });
+ *
+ * return (
+ *   <>
+ *     <button onClick={() => clipboard.copy()}>Copiar de fora</button>
+ *
+ *     <Clipboard.RootProvider value={clipboard}>
+ *       <Clipboard.Trigger>
+ *         <Clipboard.Indicator />
+ *       </Clipboard.Trigger>
+ *     </Clipboard.RootProvider>
+ *   </>
+ * );
+ * ```
+ */
+export declare const ClipboardRootProvider: {
+  (props: ClipboardRootProviderProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=clipboard-root-provider.d.ts.map

package/dist/components/display/clipboard/clipboard-root-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-root-provider.d.ts","names":[],"sources":["../../../../src/components/display/clipboard/clipboard-root-provider.tsx"],"mappings":";;;;KAOK;;;;EAIH,OAAO;;;;;;YAOG,6BAA6B,cACvC,UAAU,uBACV;;;;;;;;;;;;;;;;;;;;;;;;;;qBA4BW;GAAgC,OAAA,6CAA0B,IAAA"}

package/dist/components/display/clipboard/clipboard-root-provider.js

@@ -0,0 +1,53 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { ClipboardContextProvider } from "./use-clipboard-context.js";
+import { ClipboardAnnouncer } from "./clipboard-announcer.js";
+import { mergeProps, useRender } from "@base-ui/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/display/clipboard/clipboard-root-provider.tsx
+/**
+* Raiz do Clipboard alimentada por uma instância criada fora dela.
+*
+* Recebe em `value` o retorno de `useClipboard`, o que permite ler o estado e
+* comandar a cópia de componentes irmãos — contadores de cópia, botões
+* externos, ou a exibição do valor fora da subárvore. Como o `Root`, anuncia a
+* cópia ao leitor de tela numa região `sr-only` depois dos filhos.
+*
+* @example
+* ```tsx
+* const clipboard = useClipboard({ value: 'https://github.com' });
+*
+* return (
+*   <>
+*     <button onClick={() => clipboard.copy()}>Copiar de fora</button>
+*
+*     <Clipboard.RootProvider value={clipboard}>
+*       <Clipboard.Trigger>
+*         <Clipboard.Indicator />
+*       </Clipboard.Trigger>
+*     </Clipboard.RootProvider>
+*   </>
+* );
+* ```
+*/
+const ClipboardRootProvider = (props) => {
+	const { value: clipboard, render, className, children, ...rest } = props;
+	const zagProps = clipboard.getRootProps();
+	const baseProps = {
+		"data-component": "Clipboard.RootProvider",
+		className: mergeTwClassNames([], className),
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [children, /* @__PURE__ */ jsx(ClipboardAnnouncer, {})] })
+	};
+	return /* @__PURE__ */ jsx(ClipboardContextProvider, {
+		value: clipboard,
+		children: useRender({
+			render,
+			defaultTagName: "div",
+			props: mergeProps(baseProps, zagProps, rest)
+		})
+	});
+};
+ClipboardRootProvider.displayName = "Clipboard.RootProvider";
+//#endregion
+export { ClipboardRootProvider };
+
+//# sourceMappingURL=clipboard-root-provider.js.map

package/dist/components/display/clipboard/clipboard-root-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-root-provider.js","names":[],"sources":["../../../../src/components/display/clipboard/clipboard-root-provider.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport type { MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeTwClassNames } from '#utils';\nimport { ClipboardAnnouncer } from './clipboard-announcer';\nimport type { UseClipboardReturn } from './use-clipboard';\nimport { ClipboardContextProvider } from './use-clipboard-context';\n\ntype RootProviderProps = {\n  /**\n   * Instância do Clipboard criada com o hook `useClipboard`.\n   */\n  value: UseClipboardReturn;\n};\n\n/**\n * Props do `Clipboard.RootProvider`: a instância do Clipboard e as props do\n * elemento renderizado.\n */\nexport type ClipboardRootProviderProps = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  RootProviderProps\n>;\n\n/**\n * Raiz do Clipboard alimentada por uma instância criada fora dela.\n *\n * Recebe em `value` o retorno de `useClipboard`, o que permite ler o estado e\n * comandar a cópia de componentes irmãos — contadores de cópia, botões\n * externos, ou a exibição do valor fora da subárvore. Como o `Root`, anuncia a\n * cópia ao leitor de tela numa região `sr-only` depois dos filhos.\n *\n * @example\n * ```tsx\n * const clipboard = useClipboard({ value: 'https://github.com' });\n *\n * return (\n *   <>\n *     <button onClick={() => clipboard.copy()}>Copiar de fora</button>\n *\n *     <Clipboard.RootProvider value={clipboard}>\n *       <Clipboard.Trigger>\n *         <Clipboard.Indicator />\n *       </Clipboard.Trigger>\n *     </Clipboard.RootProvider>\n *   </>\n * );\n * ```\n */\nexport const ClipboardRootProvider = (props: ClipboardRootProviderProps) => {\n  const { value: clipboard, render, className, children, ...rest } = props;\n\n  const zagProps = clipboard.getRootProps();\n\n  const baseProps = {\n    'data-component': 'Clipboard.RootProvider',\n    className: mergeTwClassNames([], className),\n    children: (\n      <>\n        {children}\n        <ClipboardAnnouncer />\n      </>\n    ),\n  };\n\n  return (\n    <ClipboardContextProvider value={clipboard}>\n      {useRender({\n        render,\n        defaultTagName: 'div',\n        props: mergeProps(baseProps, zagProps, rest),\n      })}\n    </ClipboardContextProvider>\n  );\n};\n\nClipboardRootProvider.displayName = 'Clipboard.RootProvider';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,MAAa,yBAAyB,UAAsC;CAC1E,MAAM,EAAE,OAAO,WAAW,QAAQ,WAAW,UAAU,GAAG,SAAS;CAEnE,MAAM,WAAW,UAAU,aAAa;CAExC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,CAAC,GAAG,SAAS;EAC1C,UACE,qBAAA,UAAA,EAAA,UAAA,CACG,UACD,oBAAC,oBAAD,CAAqB,CAAA,CACrB,EAAA,CAAA;CAEN;CAEA,OACE,oBAAC,0BAAD;EAA0B,OAAO;EAC9B,UAAA,UAAU;GACT;GACA,gBAAgB;GAChB,OAAO,WAAW,WAAW,UAAU,IAAI;EAC7C,CAAC;CACuB,CAAA;AAE9B;AAEA,sBAAsB,cAAc"}

package/dist/components/display/clipboard/clipboard-root.d.ts

@@ -0,0 +1,43 @@
+import { UseClipboardProps } from "./use-clipboard.js";
+import { MergeOverride } from "@lucasbernardosn/utils";
+import { useRender } from "@base-ui/react";
+//#region src/components/display/clipboard/clipboard-root.d.ts
+/**
+ * Props do `Clipboard.Root`: as opções da área de transferência e as props do
+ * elemento renderizado.
+ */
+export type ClipboardRootProps = MergeOverride<useRender.ComponentProps<'div'>, UseClipboardProps>;
+/**
+ * Raiz do Clipboard.
+ *
+ * Cria a máquina de cópia e disponibiliza o valor, o estado `copied` e o
+ * método `copy` para todas as partes aninhadas. Depois dos filhos, renderiza
+ * uma região `sr-only` que anuncia a cópia ao leitor de tela.
+ *
+ * Use o `Clipboard.RootProvider` no lugar deste componente quando a cópia
+ * precisar ser lida ou comandada de fora da própria subárvore.
+ *
+ * É headless: as partes não têm visual próprio. O botão vem por composição,
+ * no `render` do `Clipboard.Trigger`.
+ *
+ * @example
+ * ```tsx
+ * <Clipboard.Root value="https://github.com">
+ *   <Clipboard.Label>Copie este link</Clipboard.Label>
+ *
+ *   <Clipboard.Control>
+ *     <Clipboard.Input />
+ *
+ *     <Clipboard.Trigger>
+ *       <Clipboard.Indicator />
+ *     </Clipboard.Trigger>
+ *   </Clipboard.Control>
+ * </Clipboard.Root>
+ * ```
+ */
+export declare const ClipboardRoot: {
+  (props: ClipboardRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=clipboard-root.d.ts.map

package/dist/components/display/clipboard/clipboard-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-root.d.ts","names":[],"sources":["../../../../src/components/display/clipboard/clipboard-root.tsx"],"mappings":";;;;;;;;YAYY,qBAAqB,cAC/B,UAAU,uBACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAiCW;GAAwB,OAAA,qCAAkB,IAAA"}

package/dist/components/display/clipboard/clipboard-root.js

@@ -0,0 +1,62 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { ClipboardContextProvider } from "./use-clipboard-context.js";
+import { ClipboardAnnouncer } from "./clipboard-announcer.js";
+import { useClipboard } from "./use-clipboard.js";
+import { createSplitProps } from "@lucasbernardosn/utils";
+import { mergeProps, useRender } from "@base-ui/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as ZagClipboard from "@zag-js/clipboard";
+//#region src/components/display/clipboard/clipboard-root.tsx
+const splitRootProps = createSplitProps();
+/**
+* Raiz do Clipboard.
+*
+* Cria a máquina de cópia e disponibiliza o valor, o estado `copied` e o
+* método `copy` para todas as partes aninhadas. Depois dos filhos, renderiza
+* uma região `sr-only` que anuncia a cópia ao leitor de tela.
+*
+* Use o `Clipboard.RootProvider` no lugar deste componente quando a cópia
+* precisar ser lida ou comandada de fora da própria subárvore.
+*
+* É headless: as partes não têm visual próprio. O botão vem por composição,
+* no `render` do `Clipboard.Trigger`.
+*
+* @example
+* ```tsx
+* <Clipboard.Root value="https://github.com">
+*   <Clipboard.Label>Copie este link</Clipboard.Label>
+*
+*   <Clipboard.Control>
+*     <Clipboard.Input />
+*
+*     <Clipboard.Trigger>
+*       <Clipboard.Indicator />
+*     </Clipboard.Trigger>
+*   </Clipboard.Control>
+* </Clipboard.Root>
+* ```
+*/
+const ClipboardRoot = (props) => {
+	const [useClipboardProps, elementProps] = splitRootProps(props, ZagClipboard.props);
+	const { render, className, children, ...rest } = elementProps;
+	const clipboard = useClipboard(useClipboardProps);
+	const zagProps = clipboard.getRootProps();
+	const baseProps = {
+		"data-component": "Clipboard.Root",
+		className: mergeTwClassNames([], className),
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [children, /* @__PURE__ */ jsx(ClipboardAnnouncer, {})] })
+	};
+	return /* @__PURE__ */ jsx(ClipboardContextProvider, {
+		value: clipboard,
+		children: useRender({
+			render,
+			defaultTagName: "div",
+			props: mergeProps(baseProps, zagProps, rest)
+		})
+	});
+};
+ClipboardRoot.displayName = "Clipboard.Root";
+//#endregion
+export { ClipboardRoot };
+
+//# sourceMappingURL=clipboard-root.js.map

package/dist/components/display/clipboard/clipboard-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-root.js","names":[],"sources":["../../../../src/components/display/clipboard/clipboard-root.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport * as ZagClipboard from '@zag-js/clipboard';\nimport { mergeTwClassNames } from '#utils';\nimport { ClipboardAnnouncer } from './clipboard-announcer';\nimport { type UseClipboardProps, useClipboard } from './use-clipboard';\nimport { ClipboardContextProvider } from './use-clipboard-context';\n\n/**\n * Props do `Clipboard.Root`: as opções da área de transferência e as props do\n * elemento renderizado.\n */\nexport type ClipboardRootProps = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  UseClipboardProps\n>;\n\nconst splitRootProps = createSplitProps<UseClipboardProps>();\n\n/**\n * Raiz do Clipboard.\n *\n * Cria a máquina de cópia e disponibiliza o valor, o estado `copied` e o\n * método `copy` para todas as partes aninhadas. Depois dos filhos, renderiza\n * uma região `sr-only` que anuncia a cópia ao leitor de tela.\n *\n * Use o `Clipboard.RootProvider` no lugar deste componente quando a cópia\n * precisar ser lida ou comandada de fora da própria subárvore.\n *\n * É headless: as partes não têm visual próprio. O botão vem por composição,\n * no `render` do `Clipboard.Trigger`.\n *\n * @example\n * ```tsx\n * <Clipboard.Root value=\"https://github.com\">\n *   <Clipboard.Label>Copie este link</Clipboard.Label>\n *\n *   <Clipboard.Control>\n *     <Clipboard.Input />\n *\n *     <Clipboard.Trigger>\n *       <Clipboard.Indicator />\n *     </Clipboard.Trigger>\n *   </Clipboard.Control>\n * </Clipboard.Root>\n * ```\n */\nexport const ClipboardRoot = (props: ClipboardRootProps) => {\n  const [useClipboardProps, elementProps] = splitRootProps(\n    props,\n    ZagClipboard.props,\n  );\n\n  const { render, className, children, ...rest } = elementProps;\n\n  const clipboard = useClipboard(useClipboardProps);\n\n  const zagProps = clipboard.getRootProps();\n\n  const baseProps = {\n    'data-component': 'Clipboard.Root',\n    className: mergeTwClassNames([], className),\n    children: (\n      <>\n        {children}\n        <ClipboardAnnouncer />\n      </>\n    ),\n  };\n\n  return (\n    <ClipboardContextProvider value={clipboard}>\n      {useRender({\n        render,\n        defaultTagName: 'div',\n        props: mergeProps(baseProps, zagProps, rest),\n      })}\n    </ClipboardContextProvider>\n  );\n};\n\nClipboardRoot.displayName = 'Clipboard.Root';\n"],"mappings":";;;;;;;;;AAiBA,MAAM,iBAAiB,iBAAoC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8B3D,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,CAAC,mBAAmB,gBAAgB,eACxC,OACA,aAAa,KACf;CAEA,MAAM,EAAE,QAAQ,WAAW,UAAU,GAAG,SAAS;CAEjD,MAAM,YAAY,aAAa,iBAAiB;CAEhD,MAAM,WAAW,UAAU,aAAa;CAExC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,CAAC,GAAG,SAAS;EAC1C,UACE,qBAAA,UAAA,EAAA,UAAA,CACG,UACD,oBAAC,oBAAD,CAAqB,CAAA,CACrB,EAAA,CAAA;CAEN;CAEA,OACE,oBAAC,0BAAD;EAA0B,OAAO;EAC9B,UAAA,UAAU;GACT;GACA,gBAAgB;GAChB,OAAO,WAAW,WAAW,UAAU,IAAI;EAC7C,CAAC;CACuB,CAAA;AAE9B;AAEA,cAAc,cAAc"}

package/dist/components/display/clipboard/clipboard-trigger.d.ts

@@ -0,0 +1,32 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/display/clipboard/clipboard-trigger.d.ts
+/**
+ * Props do `Clipboard.Trigger`.
+ */
+export type ClipboardTriggerProps = useRender.ComponentProps<'button'>;
+/**
+ * Botão que copia o valor para a área de transferência.
+ *
+ * O `aria-label` vem de `translations.triggerLabel` e muda conforme o estado
+ * de cópia; um `aria-label` próprio (que o `IconButton` exige) o substitui. O
+ * anúncio da cópia não depende dele: vem da região viva do `Clipboard.Root`.
+ * Para reaproveitar um botão já estilizado do pacote, passe-o em `render`.
+ *
+ * @example
+ * ```tsx
+ * <Clipboard.Trigger
+ *   render={
+ *     <IconButton
+ *       aria-label="Copiar link"
+ *       icon={<Clipboard.Indicator />}
+ *     />
+ *   }
+ * />
+ * ```
+ */
+export declare const ClipboardTrigger: {
+  (props: ClipboardTriggerProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=clipboard-trigger.d.ts.map

package/dist/components/display/clipboard/clipboard-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-trigger.d.ts","names":[],"sources":["../../../../src/components/display/clipboard/clipboard-trigger.tsx"],"mappings":";;;;;YAOY,wBAAwB,UAAU;;;;;;;;;;;;;;;;;;;;;qBAsBjC;GAA2B,OAAA,wCAAqB,+CAAA"}

package/dist/components/display/clipboard/clipboard-trigger.js

@@ -0,0 +1,42 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { useClipboardContext } from "./use-clipboard-context.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/display/clipboard/clipboard-trigger.tsx
+/**
+* Botão que copia o valor para a área de transferência.
+*
+* O `aria-label` vem de `translations.triggerLabel` e muda conforme o estado
+* de cópia; um `aria-label` próprio (que o `IconButton` exige) o substitui. O
+* anúncio da cópia não depende dele: vem da região viva do `Clipboard.Root`.
+* Para reaproveitar um botão já estilizado do pacote, passe-o em `render`.
+*
+* @example
+* ```tsx
+* <Clipboard.Trigger
+*   render={
+*     <IconButton
+*       aria-label="Copiar link"
+*       icon={<Clipboard.Indicator />}
+*     />
+*   }
+* />
+* ```
+*/
+const ClipboardTrigger = (props) => {
+	const { render, className, ...rest } = props;
+	const zagProps = useClipboardContext().getTriggerProps();
+	const baseProps = {
+		"data-component": "Clipboard.Trigger",
+		className: mergeTwClassNames([], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "button",
+		props: mergeProps(baseProps, zagProps, rest)
+	});
+};
+ClipboardTrigger.displayName = "Clipboard.Trigger";
+//#endregion
+export { ClipboardTrigger };
+
+//# sourceMappingURL=clipboard-trigger.js.map

package/dist/components/display/clipboard/clipboard-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-trigger.js","names":[],"sources":["../../../../src/components/display/clipboard/clipboard-trigger.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\nimport { useClipboardContext } from './use-clipboard-context';\n\n/**\n * Props do `Clipboard.Trigger`.\n */\nexport type ClipboardTriggerProps = useRender.ComponentProps<'button'>;\n\n/**\n * Botão que copia o valor para a área de transferência.\n *\n * O `aria-label` vem de `translations.triggerLabel` e muda conforme o estado\n * de cópia; um `aria-label` próprio (que o `IconButton` exige) o substitui. O\n * anúncio da cópia não depende dele: vem da região viva do `Clipboard.Root`.\n * Para reaproveitar um botão já estilizado do pacote, passe-o em `render`.\n *\n * @example\n * ```tsx\n * <Clipboard.Trigger\n *   render={\n *     <IconButton\n *       aria-label=\"Copiar link\"\n *       icon={<Clipboard.Indicator />}\n *     />\n *   }\n * />\n * ```\n */\nexport const ClipboardTrigger = (props: ClipboardTriggerProps) => {\n  const { render, className, ...rest } = props;\n\n  const clipboard = useClipboardContext();\n\n  const zagProps = clipboard.getTriggerProps();\n\n  const baseProps = {\n    'data-component': 'Clipboard.Trigger',\n    className: mergeTwClassNames([], className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'button',\n    props: mergeProps(baseProps, zagProps, rest),\n  });\n};\n\nClipboardTrigger.displayName = 'Clipboard.Trigger';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAa,oBAAoB,UAAiC;CAChE,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAIvC,MAAM,WAFY,oBAEO,CAAC,CAAC,gBAAgB;CAE3C,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,CAAC,GAAG,SAAS;CAC5C;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,UAAU,IAAI;CAC7C,CAAC;AACH;AAEA,iBAAiB,cAAc"}

package/dist/components/display/clipboard/clipboard-value-text.d.ts

@@ -0,0 +1,18 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/display/clipboard/clipboard-value-text.d.ts
+/**
+ * Props do `Clipboard.ValueText`.
+ */
+export type ClipboardValueTextProps = useRender.ComponentProps<'span'>;
+/**
+ * Texto que exibe o valor a ser copiado.
+ *
+ * Use no lugar do `Clipboard.Input` quando o valor for apenas exibido, sem
+ * campo editável ou seleção por foco. Passar `children` substitui o valor.
+ */
+export declare const ClipboardValueText: {
+  (props: ClipboardValueTextProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=clipboard-value-text.d.ts.map

package/dist/components/display/clipboard/clipboard-value-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-value-text.d.ts","names":[],"sources":["../../../../src/components/display/clipboard/clipboard-value-text.tsx"],"mappings":";;;;;YAOY,0BAA0B,UAAU;;;;;;;qBAQnC;GAA6B,OAAA,0CAAuB,+CAAA"}

package/dist/components/display/clipboard/clipboard-value-text.js

@@ -0,0 +1,29 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { useClipboardContext } from "./use-clipboard-context.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/display/clipboard/clipboard-value-text.tsx
+/**
+* Texto que exibe o valor a ser copiado.
+*
+* Use no lugar do `Clipboard.Input` quando o valor for apenas exibido, sem
+* campo editável ou seleção por foco. Passar `children` substitui o valor.
+*/
+const ClipboardValueText = (props) => {
+	const { render, className, children, ...rest } = props;
+	const clipboard = useClipboardContext();
+	const baseProps = {
+		"data-component": "Clipboard.ValueText",
+		className: mergeTwClassNames([], className),
+		children: children ?? clipboard.value
+	};
+	return useRender({
+		render,
+		defaultTagName: "span",
+		props: mergeProps(baseProps, rest)
+	});
+};
+ClipboardValueText.displayName = "Clipboard.ValueText";
+//#endregion
+export { ClipboardValueText };
+
+//# sourceMappingURL=clipboard-value-text.js.map

package/dist/components/display/clipboard/clipboard-value-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-value-text.js","names":[],"sources":["../../../../src/components/display/clipboard/clipboard-value-text.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\nimport { useClipboardContext } from './use-clipboard-context';\n\n/**\n * Props do `Clipboard.ValueText`.\n */\nexport type ClipboardValueTextProps = useRender.ComponentProps<'span'>;\n\n/**\n * Texto que exibe o valor a ser copiado.\n *\n * Use no lugar do `Clipboard.Input` quando o valor for apenas exibido, sem\n * campo editável ou seleção por foco. Passar `children` substitui o valor.\n */\nexport const ClipboardValueText = (props: ClipboardValueTextProps) => {\n  const { render, className, children, ...rest } = props;\n\n  const clipboard = useClipboardContext();\n\n  const baseProps = {\n    'data-component': 'Clipboard.ValueText',\n    className: mergeTwClassNames([], className),\n    children: children ?? clipboard.value,\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'span',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nClipboardValueText.displayName = 'Clipboard.ValueText';\n"],"mappings":";;;;;;;;;;AAeA,MAAa,sBAAsB,UAAmC;CACpE,MAAM,EAAE,QAAQ,WAAW,UAAU,GAAG,SAAS;CAEjD,MAAM,YAAY,oBAAoB;CAEtC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,CAAC,GAAG,SAAS;EAC1C,UAAU,YAAY,UAAU;CAClC;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,mBAAmB,cAAc"}

package/dist/components/display/clipboard/index.d.ts

@@ -0,0 +1,2 @@
+import { index_parts_d_exports } from "./index.parts.js";
+export { index_parts_d_exports as Clipboard };

package/dist/components/display/clipboard/index.js

@@ -0,0 +1,2 @@
+import { index_parts_exports } from "./index.parts.js";
+export { index_parts_exports as Clipboard };

package/dist/components/display/clipboard/index.parts.d.ts

@@ -0,0 +1,19 @@
+import { UseClipboardProps, UseClipboardReturn, clipboardTranslations, useClipboard } from "./use-clipboard.js";
+import { ClipboardContext, ClipboardContextProps } from "./clipboard-context.js";
+import { ClipboardControl, ClipboardControlProps } from "./clipboard-control.js";
+import { ClipboardIndicator, ClipboardIndicatorProps } from "./clipboard-indicator.js";
+import { ClipboardCopyText, ClipboardCopyTextProps } from "./clipboard-copy-text.js";
+import { ClipboardInput, ClipboardInputProps } from "./clipboard-input.js";
+import { ClipboardLabel, ClipboardLabelProps } from "./clipboard-label.js";
+import { ClipboardRoot, ClipboardRootProps } from "./clipboard-root.js";
+import { ClipboardRootProvider, ClipboardRootProviderProps } from "./clipboard-root-provider.js";
+import { ClipboardTrigger, ClipboardTriggerProps } from "./clipboard-trigger.js";
+import { ClipboardValueText, ClipboardValueTextProps } from "./clipboard-value-text.js";
+import { useClipboardContext } from "./use-clipboard-context.js";
+import { CopyStatusDetails, IntlTranslations, ValueChangeDetails } from "@zag-js/clipboard";
+declare namespace index_parts_d_exports {
+  export { ClipboardContext as Context, ClipboardContextProps as ContextProps, ClipboardControl as Control, ClipboardControlProps as ControlProps, CopyStatusDetails, ClipboardCopyText as CopyText, ClipboardCopyTextProps as CopyTextProps, ClipboardIndicator as Indicator, ClipboardIndicatorProps as IndicatorProps, ClipboardInput as Input, ClipboardInputProps as InputProps, IntlTranslations, ClipboardLabel as Label, ClipboardLabelProps as LabelProps, ClipboardRoot as Root, ClipboardRootProps as RootProps, ClipboardRootProvider as RootProvider, ClipboardRootProviderProps as RootProviderProps, ClipboardTrigger as Trigger, ClipboardTriggerProps as TriggerProps, UseClipboardProps, UseClipboardReturn, ValueChangeDetails, ClipboardValueText as ValueText, ClipboardValueTextProps as ValueTextProps, clipboardTranslations, useClipboard, useClipboardContext };
+}
+//#endregion
+export { ClipboardContext as Context, type ClipboardContextProps as ContextProps, ClipboardControl as Control, type ClipboardControlProps as ControlProps, type CopyStatusDetails, ClipboardCopyText as CopyText, type ClipboardCopyTextProps as CopyTextProps, ClipboardIndicator as Indicator, type ClipboardIndicatorProps as IndicatorProps, ClipboardInput as Input, type ClipboardInputProps as InputProps, type IntlTranslations, ClipboardLabel as Label, type ClipboardLabelProps as LabelProps, ClipboardRoot as Root, type ClipboardRootProps as RootProps, ClipboardRootProvider as RootProvider, type ClipboardRootProviderProps as RootProviderProps, ClipboardTrigger as Trigger, type ClipboardTriggerProps as TriggerProps, type UseClipboardProps, type UseClipboardReturn, type ValueChangeDetails, ClipboardValueText as ValueText, type ClipboardValueTextProps as ValueTextProps, clipboardTranslations, index_parts_d_exports, useClipboard, useClipboardContext };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/display/clipboard/index.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.d.ts","names":[],"sources":["../../../../src/components/display/clipboard/index.parts.ts"],"mappings":""}

package/dist/components/display/clipboard/index.parts.js

@@ -0,0 +1,33 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { useClipboardContext } from "./use-clipboard-context.js";
+import { ClipboardContext } from "./clipboard-context.js";
+import { ClipboardControl } from "./clipboard-control.js";
+import { ClipboardIndicator } from "./clipboard-indicator.js";
+import { ClipboardCopyText } from "./clipboard-copy-text.js";
+import { ClipboardInput } from "./clipboard-input.js";
+import { ClipboardLabel } from "./clipboard-label.js";
+import { clipboardTranslations, useClipboard } from "./use-clipboard.js";
+import { ClipboardRoot } from "./clipboard-root.js";
+import { ClipboardRootProvider } from "./clipboard-root-provider.js";
+import { ClipboardTrigger } from "./clipboard-trigger.js";
+import { ClipboardValueText } from "./clipboard-value-text.js";
+//#region src/components/display/clipboard/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Context: () => ClipboardContext,
+	Control: () => ClipboardControl,
+	CopyText: () => ClipboardCopyText,
+	Indicator: () => ClipboardIndicator,
+	Input: () => ClipboardInput,
+	Label: () => ClipboardLabel,
+	Root: () => ClipboardRoot,
+	RootProvider: () => ClipboardRootProvider,
+	Trigger: () => ClipboardTrigger,
+	ValueText: () => ClipboardValueText,
+	clipboardTranslations: () => clipboardTranslations,
+	useClipboard: () => useClipboard,
+	useClipboardContext: () => useClipboardContext
+});
+//#endregion
+export { ClipboardContext as Context, ClipboardControl as Control, ClipboardCopyText as CopyText, ClipboardIndicator as Indicator, ClipboardInput as Input, ClipboardLabel as Label, ClipboardRoot as Root, ClipboardRootProvider as RootProvider, ClipboardTrigger as Trigger, ClipboardValueText as ValueText, clipboardTranslations, index_parts_exports, useClipboard, useClipboardContext };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/components/display/clipboard/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/display/clipboard/index.parts.ts"],"sourcesContent":["export { ClipboardContext as Context } from './clipboard-context';\nexport { ClipboardControl as Control } from './clipboard-control';\nexport { ClipboardCopyText as CopyText } from './clipboard-copy-text';\nexport { ClipboardIndicator as Indicator } from './clipboard-indicator';\nexport { ClipboardInput as Input } from './clipboard-input';\nexport { ClipboardLabel as Label } from './clipboard-label';\nexport { ClipboardRoot as Root } from './clipboard-root';\nexport { ClipboardRootProvider as RootProvider } from './clipboard-root-provider';\nexport { ClipboardTrigger as Trigger } from './clipboard-trigger';\nexport { ClipboardValueText as ValueText } from './clipboard-value-text';\nexport { clipboardTranslations, useClipboard } from './use-clipboard';\nexport { useClipboardContext } from './use-clipboard-context';\n\n/* types */\n\nexport type {\n  CopyStatusDetails,\n  IntlTranslations,\n  ValueChangeDetails,\n} from '@zag-js/clipboard';\nexport type { ClipboardContextProps as ContextProps } from './clipboard-context';\nexport type { ClipboardControlProps as ControlProps } from './clipboard-control';\nexport type { ClipboardCopyTextProps as CopyTextProps } from './clipboard-copy-text';\nexport type { ClipboardIndicatorProps as IndicatorProps } from './clipboard-indicator';\nexport type { ClipboardInputProps as InputProps } from './clipboard-input';\nexport type { ClipboardLabelProps as LabelProps } from './clipboard-label';\nexport type { ClipboardRootProps as RootProps } from './clipboard-root';\nexport type { ClipboardRootProviderProps as RootProviderProps } from './clipboard-root-provider';\nexport type { ClipboardTriggerProps as TriggerProps } from './clipboard-trigger';\nexport type { ClipboardValueTextProps as ValueTextProps } from './clipboard-value-text';\nexport type { UseClipboardProps, UseClipboardReturn } from './use-clipboard';\n"],"mappings":""}

package/dist/components/display/clipboard/use-clipboard-context.d.ts

@@ -0,0 +1,11 @@
+import { UseClipboardReturn } from "./use-clipboard.js";
+//#region src/components/display/clipboard/use-clipboard-context.d.ts
+/**
+ * Provider e hook para acessar a API do Clipboard.
+ *
+ * O hook lança um erro quando chamado fora de um `Clipboard.Root` ou
+ * `Clipboard.RootProvider`.
+ */
+export declare const ClipboardContextProvider: import("react").Provider<UseClipboardReturn>, useClipboardContext: () => UseClipboardReturn;
+//#endregion
+//# sourceMappingURL=use-clipboard-context.d.ts.map

package/dist/components/display/clipboard/use-clipboard-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-clipboard-context.d.ts","names":[],"sources":["../../../../src/components/display/clipboard/use-clipboard-context.ts"],"mappings":";;;;;;;;qBASc,0CAAwB,SAAA,qBAAE,2BAAmB"}

package/dist/components/display/clipboard/use-clipboard-context.js

@@ -0,0 +1,16 @@
+import { createContext } from "@lucasbernardosn/react-utils";
+//#region src/components/display/clipboard/use-clipboard-context.ts
+/**
+* Provider e hook para acessar a API do Clipboard.
+*
+* O hook lança um erro quando chamado fora de um `Clipboard.Root` ou
+* `Clipboard.RootProvider`.
+*/
+const [ClipboardContextProvider, useClipboardContext] = createContext({
+	name: "ClipboardContext",
+	providers: ["Clipboard.Root", "Clipboard.RootProvider"]
+});
+//#endregion
+export { ClipboardContextProvider, useClipboardContext };
+
+//# sourceMappingURL=use-clipboard-context.js.map

package/dist/components/display/clipboard/use-clipboard-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-clipboard-context.js","names":[],"sources":["../../../../src/components/display/clipboard/use-clipboard-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\nimport type { UseClipboardReturn } from './use-clipboard';\n\n/**\n * Provider e hook para acessar a API do Clipboard.\n *\n * O hook lança um erro quando chamado fora de um `Clipboard.Root` ou\n * `Clipboard.RootProvider`.\n */\nexport const [ClipboardContextProvider, useClipboardContext] =\n  createContext<UseClipboardReturn>({\n    name: 'ClipboardContext',\n    providers: ['Clipboard.Root', 'Clipboard.RootProvider'],\n  });\n"],"mappings":";;;;;;;;AASA,MAAa,CAAC,0BAA0B,uBACtC,cAAkC;CAChC,MAAM;CACN,WAAW,CAAC,kBAAkB,wBAAwB;AACxD,CAAC"}