@jamsrui/clipboard 0.0.16 → 0.0.18

package/dist/clipboard-button.mjs

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useRenderElement as u}from"@jamsrui/hooks";import{CheckIcon as d,CopyIcon as m}from"@jamsrui/icons";import{useClipboardContext as c}from"./clipboard-context.mjs";const b=r=>{const{getButtonProps:e,hideCopyButton:n,isCopied:p,getIconProps:o}=c(),s=p?t(d,{...o({})}):t(m,{...o({})}),i=u("button",{props:[e(r),{children:s}]});return n?null:i};export{b as ClipboardButton};
+"use client";import{jsx as t}from"react/jsx-runtime";import{useRenderElement as u}from"@jamsrui/hooks";import{CheckIcon as c,CopyIcon as d}from"@jamsrui/icons";import{useClipboardContext as l}from"./clipboard-context.mjs";const b=e=>{const{getButtonProps:r,hideCopyButton:n,isCopied:p,getIconProps:o}=l(),s=p?t(c,{...o({})}):t(d,{...o({})}),i=u("button",{props:[r(e),{children:s}]});return n?null:i};export{b as ClipboardButton};

package/dist/clipboard-config.d.mts

@@ -1,6 +1,6 @@
 import { Clipboard } from './clipboard.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { GlobalConfigProps } from '@jamsrui/core';
+import { WithGlobalConfig } from '@jamsrui/core';
 import './use-clipboard.mjs';
 import 'react';
 import './use-copy-to-clipboard.mjs';
@@ -15,7 +15,7 @@ declare const ClipboardConfig: (props: Omit<Partial<ClipboardConfig.Props>, "chi
     children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 declare namespace ClipboardConfig {
-    interface Props extends Clipboard.Props, GlobalConfigProps<Clipboard.Props> {
+    interface Props extends WithGlobalConfig<Clipboard.Props> {
     }
 }
 

package/dist/clipboard-config.mjs

@@ -1 +1 @@
-import{createConfigContext as o}from"@jamsrui/utils";const[p,i]=o({displayName:"ClipboardConfig"});export{p as ClipboardConfig,i as useClipboardConfig};
+"use client";import{createConfigContext as o}from"@jamsrui/utils";const[r,p]=o({displayName:"ClipboardConfig"});export{r as ClipboardConfig,p as useClipboardConfig};

package/dist/clipboard-context.mjs

@@ -1 +1 @@
-import{createContext as e,use as o}from"react";const r=e(null),n=()=>{const t=o(r);if(!t)throw new Error("useClipboardContext must be with with a ClipboardContext");return t};export{r as ClipboardContext,n as useClipboardContext};
+"use client";import{createContext as e,use as o}from"react";const r=e(null),n=()=>{const t=o(r);if(!t)throw new Error("useClipboardContext must be with with a ClipboardContext");return t};export{r as ClipboardContext,n as useClipboardContext};

package/dist/clipboard.mjs

@@ -1 +1 @@
-import{Fragment as f,jsx as t,jsxs as g}from"react/jsx-runtime";import{useRenderElement as l}from"@jamsrui/hooks";import{mergeConfigProps as m}from"@jamsrui/utils";import{ClipboardButton as c}from"./clipboard-button.mjs";import{useClipboardConfig as C}from"./clipboard-config.mjs";import{ClipboardContext as a}from"./clipboard-context.mjs";import{useClipboard as b}from"./use-clipboard.mjs";const v=o=>{const r=C(),p=m(r,r,o),e=b(p),{getRootProps:n}=e,{children:i}=o,s=g(f,{children:[i,t(c,{})]}),d=l("label",{props:[n(),{children:s}]});return t(a,{value:e,children:d})};export{v as Clipboard};
+"use client";import{Fragment as u,jsx as e,jsxs as P}from"react/jsx-runtime";import{useRenderElement as l}from"@jamsrui/hooks";import{mergeConfigProps as d}from"@jamsrui/utils";import{ClipboardButton as m}from"./clipboard-button.mjs";import{useClipboardConfig as c}from"./clipboard-config.mjs";import{ClipboardContext as C}from"./clipboard-context.mjs";import{copyToClipboardVariants as b}from"./styles.mjs";import{useClipboard as f}from"./use-clipboard.mjs";const y=o=>{const t=c(),p=d(b.defaultVariants,t,o),r=f(p),{getRootProps:i}=r,{children:n}=o,s=P(u,{children:[n,e(m,{})]}),a=l("label",{props:[i(),{children:s}]});return e(C,{value:r,children:a})};export{y as Clipboard};

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{Clipboard as i}from"./clipboard.mjs";import{ClipboardConfig as p,useClipboardConfig as C}from"./clipboard-config.mjs";export{i as Clipboard,p as ClipboardConfig,C as useClipboardConfig};
+import{Clipboard as i}from"./clipboard.mjs";import{ClipboardConfig as C,useClipboardConfig as f}from"./clipboard-config.mjs";export{i as Clipboard,C as ClipboardConfig,f as useClipboardConfig};

package/dist/styles.d.mts

@@ -6,16 +6,16 @@ declare const copyToClipboardVariants: _jamsrui_utils.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
             button?: tailwind_merge.ClassNameValue;
-            root?: tailwind_merge.ClassNameValue;
             icon?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
             button?: tailwind_merge.ClassNameValue;
-            root?: tailwind_merge.ClassNameValue;
             icon?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -26,8 +26,8 @@ declare const copyToClipboardVariants: _jamsrui_utils.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
             button?: tailwind_merge.ClassNameValue;
-            root?: tailwind_merge.ClassNameValue;
             icon?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {

package/dist/use-clipboard.d.mts

@@ -12,60 +12,23 @@ declare const useClipboard: (props: useClipboard.Props) => {
         "data-slot": string | undefined;
         "data-component": string | undefined;
         className: string;
+        onChange?: react.FormEventHandler<HTMLLabelElement> | undefined;
         form?: string | undefined | undefined;
         style?: react.CSSProperties | undefined;
         title?: string | undefined | undefined;
-        ref?: react.Ref<HTMLLabelElement> | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        content?: string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        prefix?: string | undefined | undefined;
         key?: react.Key | null | undefined;
-        htmlFor?: string | undefined | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
-        suppressHydrationWarning?: boolean | undefined | undefined;
-        accessKey?: string | undefined | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-        autoFocus?: boolean | undefined | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined | undefined;
-        dir?: string | undefined | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        children?: react.ReactNode;
+        ref?: react.Ref<HTMLLabelElement> | undefined;
         hidden?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
-        nonce?: string | undefined | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
-        radioGroup?: string | undefined | undefined;
         role?: react.AriaRole | undefined;
-        about?: string | undefined | undefined;
-        content?: string | undefined | undefined;
-        datatype?: string | undefined | undefined;
-        inlist?: any;
-        prefix?: string | undefined | undefined;
-        property?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
-        rev?: string | undefined | undefined;
-        typeof?: string | undefined | undefined;
-        vocab?: string | undefined | undefined;
-        autoCorrect?: string | undefined | undefined;
-        autoSave?: string | undefined | undefined;
-        itemProp?: string | undefined | undefined;
-        itemScope?: boolean | undefined | undefined;
-        itemType?: string | undefined | undefined;
-        itemID?: string | undefined | undefined;
-        itemRef?: string | undefined | undefined;
-        results?: number | undefined | undefined;
-        security?: string | undefined | undefined;
-        unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | undefined | undefined;
-        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-        popoverTarget?: string | undefined | undefined;
-        inert?: boolean | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-        is?: string | undefined | undefined;
-        exportparts?: string | undefined | undefined;
-        part?: string | undefined | undefined;
+        tabIndex?: number | undefined | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -82,7 +45,6 @@ declare const useClipboard: (props: useClipboard.Props) => {
         "aria-describedby"?: string | undefined | undefined;
         "aria-description"?: string | undefined | undefined;
         "aria-details"?: string | undefined | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
         "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
         "aria-errormessage"?: string | undefined | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
@@ -119,7 +81,6 @@ declare const useClipboard: (props: useClipboard.Props) => {
         "aria-valuemin"?: number | undefined | undefined;
         "aria-valuenow"?: number | undefined | undefined;
         "aria-valuetext"?: string | undefined | undefined;
-        children?: react.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;
@@ -139,7 +100,6 @@ declare const useClipboard: (props: useClipboard.Props) => {
         onFocusCapture?: react.FocusEventHandler<HTMLLabelElement> | undefined;
         onBlur?: react.FocusEventHandler<HTMLLabelElement> | undefined;
         onBlurCapture?: react.FocusEventHandler<HTMLLabelElement> | undefined;
-        onChange?: react.FormEventHandler<HTMLLabelElement> | undefined;
         onChangeCapture?: react.FormEventHandler<HTMLLabelElement> | undefined;
         onBeforeInput?: react.FormEventHandler<HTMLLabelElement> | undefined;
         onBeforeInputCapture?: react.FormEventHandler<HTMLLabelElement> | undefined;
@@ -292,6 +252,46 @@ declare const useClipboard: (props: useClipboard.Props) => {
         onTransitionRunCapture?: react.TransitionEventHandler<HTMLLabelElement> | undefined;
         onTransitionStart?: react.TransitionEventHandler<HTMLLabelElement> | undefined;
         onTransitionStartCapture?: react.TransitionEventHandler<HTMLLabelElement> | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        nonce?: string | undefined | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        radioGroup?: string | undefined | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        popover?: "" | "auto" | "manual" | undefined | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+        popoverTarget?: string | undefined | undefined;
+        inert?: boolean | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
+        htmlFor?: string | undefined | undefined;
         render?: React.ReactElement;
     };
     getButtonProps: PropGetter<ClipboardButton.Props>;

package/dist/use-clipboard.mjs

@@ -1 +1 @@
-import{useCallback as r,useMemo as x}from"react";import{cn as p,dataAttrDev as n,mergeProps as d}from"@jamsrui/utils";import{copyToClipboardVariants as B}from"./styles.mjs";import{useCopyToClipboard as I}from"./use-copy-to-clipboard.mjs";const h=a=>{const{classNames:o,slotProps:t,hideCopyButton:l,text:P,message:y,onCopySuccess:N,onCopyError:f,ctx:g,timeout:T,...c}=a,{isCopied:m,onCopy:i}=I({text:P,onCopyError:f,onCopySuccess:N,ctx:g,message:y,timeout:T}),s=B(),u=r(()=>({...c,onClick:i,"data-slot":n("root"),"data-component":n("clipboard"),className:s.root({className:p(o?.root,a.classNames)})}),[o?.root,c,i,a.classNames,s]),C=r(e=>({...d(t?.button,e),"data-slot":"button",className:s.button({className:p(t?.button?.className,o?.button,e.className)})}),[o?.button,t?.button,s]),b=r(e=>({...d(t?.icon,e),"data-slot":n("icon"),className:s.icon({className:p(t?.icon?.className,o?.icon,e.className)})}),[o?.icon,t?.icon,s]);return x(()=>({getRootProps:u,getButtonProps:C,getIconProps:b,hideCopyButton:l,isCopied:m}),[C,b,u,l,m])};export{h as useClipboard};
+"use client";import{useCallback as r,useMemo as x}from"react";import{cn as p,dataAttrDev as n,mergeProps as d}from"@jamsrui/utils";import{copyToClipboardVariants as B}from"./styles.mjs";import{useCopyToClipboard as I}from"./use-copy-to-clipboard.mjs";const h=a=>{const{classNames:o,slotProps:t,hideCopyButton:l,text:P,message:y,onCopySuccess:N,onCopyError:f,ctx:g,timeout:T,...c}=a,{isCopied:m,onCopy:i}=I({text:P,onCopyError:f,onCopySuccess:N,ctx:g,message:y,timeout:T}),s=B(),u=r(()=>({...c,onClick:i,"data-slot":n("root"),"data-component":n("clipboard"),className:s.root({className:p(o?.root,a.classNames)})}),[o?.root,c,i,a.classNames,s]),C=r(e=>({...d(t?.button,e),"data-slot":"button",className:s.button({className:p(t?.button?.className,o?.button,e.className)})}),[o?.button,t?.button,s]),b=r(e=>({...d(t?.icon,e),"data-slot":n("icon"),className:s.icon({className:p(t?.icon?.className,o?.icon,e.className)})}),[o?.icon,t?.icon,s]);return x(()=>({getRootProps:u,getButtonProps:C,getIconProps:b,hideCopyButton:l,isCopied:m}),[C,b,u,l,m])};export{h as useClipboard};

package/dist/use-copy-to-clipboard.mjs

@@ -1 +1 @@
-import{useRef as x,useState as m}from"react";const g=n=>{const[s,t]=m(!1),{text:e,onCopyError:c,onCopySuccess:i,ctx:u,message:p,timeout:a=1e3}=n,o=x(null),r={message:p,ctx:u,text:e};return{isCopied:s,onCopy:async()=>{try{await navigator.clipboard.writeText(e),t(!0),i?.(r),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{t(!1)},a)}catch(C){console.log(" err:->",C),c?.(r)}}}};export{g as useCopyToClipboard};
+"use client";import{useRef as x,useState as m}from"react";const g=r=>{const[s,t]=m(!1),{text:e,onCopyError:c,onCopySuccess:i,ctx:u,message:p,timeout:a=1e3}=r,o=x(null),n={message:p,ctx:u,text:e};return{isCopied:s,onCopy:async()=>{try{await navigator.clipboard.writeText(e),t(!0),i?.(n),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{t(!1)},a)}catch(C){console.log(" err:->",C),c?.(n)}}}};export{g as useCopyToClipboard};

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@jamsrui/clipboard",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/core": "^0.0.13",
-    "@jamsrui/utils": "^0.0.16",
-    "@jamsrui/hooks": "^0.0.16",
-    "@jamsrui/icons": "^0.0.13"
+    "@jamsrui/hooks": "^0.0.18",
+    "@jamsrui/icons": "^0.0.14",
+    "@jamsrui/utils": "^0.0.18",
+    "@jamsrui/core": "^0.0.14"
   },
   "exports": {
     ".": {