@jamsrui/clipboard 0.0.9 → 0.0.11

package/dist/chunk-4IIX4CUZ.mjs

@@ -0,0 +1 @@
+import{b as t}from"./chunk-XUX7KG6K.mjs";import{useRenderElement as d}from"@jamsrui/hooks";import{CheckIcon as m,CopyIcon as c}from"@jamsrui/icons";import{jsx as r}from"react/jsx-runtime";var b=e=>{let{getButtonProps:n,hideCopyButton:p,isCopied:s,getIconProps:o}=t(),i=s?r(m,{...o({})}):r(c,{...o({})}),u=d("button",{props:[n(e),{children:i}]});return p?null:u};export{b as a};

package/dist/chunk-CFC5ZATK.mjs

@@ -0,0 +1 @@
+import{a as p}from"./chunk-4IIX4CUZ.mjs";import{b as n}from"./chunk-DUMA3HP6.mjs";import{a as t}from"./chunk-XUX7KG6K.mjs";import{a as i}from"./chunk-YOZTTHNF.mjs";import{useRenderElement as a}from"@jamsrui/hooks";import{mergeConfigProps as b}from"@jamsrui/utils";import{Fragment as f,jsx as s,jsxs as g}from"react/jsx-runtime";var v=o=>{let r=n(),d=b(r,r,o),e=i(d),{getRootProps:l}=e,{children:m}=o,c=g(f,{children:[m,s(p,{})]}),C=a("label",{props:[l(),{children:c}]});return s(t,{value:e,children:C})};export{v as a};

package/dist/chunk-DUMA3HP6.mjs

@@ -0,0 +1 @@
+import{createConfigContext as o}from"@jamsrui/utils";var[p,i]=o({displayName:"ClipboardConfig"});export{p as a,i as b};

package/dist/chunk-DUSTTWAR.mjs

@@ -0,0 +1 @@
+import{useRef as x,useState as m}from"react";var g=n=>{let[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 a};

package/dist/chunk-G75FKEIV.mjs

@@ -0,0 +1 @@
+import{tv as o}from"@jamsrui/utils";var t=o({slots:{root:"relative z-1 inline-flex cursor-copy items-center gap-0.5 hover:opacity-80",button:"cursor-copy aria-hidden:hidden",icon:"size-4"}});export{t as a};

package/dist/chunk-XUX7KG6K.mjs

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

package/dist/chunk-YOZTTHNF.mjs

@@ -0,0 +1 @@
+import{a as d}from"./chunk-G75FKEIV.mjs";import{a as P}from"./chunk-DUSTTWAR.mjs";import{useCallback as r,useMemo as I}from"react";import{cn as p,dataAttrDev as n,mergeProps as y}from"@jamsrui/utils";var h=a=>{let{classNames:o,slotProps:t,hideCopyButton:l,text:N,message:f,onCopySuccess:g,onCopyError:T,ctx:x,timeout:B,...c}=a,{isCopied:m,onCopy:i}=P({text:N,onCopyError:T,onCopySuccess:g,ctx:x,message:f,timeout:B}),s=d(),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=>({...y(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=>({...y(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 I(()=>({getRootProps:u,getButtonProps:C,getIconProps:b,hideCopyButton:l,isCopied:m}),[C,b,u,l,m])};export{h as a};

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";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};
+import{a}from"./chunk-4IIX4CUZ.mjs";import"./chunk-XUX7KG6K.mjs";export{a as ClipboardButton};

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};
+import{a,b}from"./chunk-DUMA3HP6.mjs";export{a as ClipboardConfig,b 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};
+import{a,b}from"./chunk-XUX7KG6K.mjs";export{a as ClipboardContext,b 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";import{useClipboardConfig as C}from"./clipboard-config";import{ClipboardContext as a}from"./clipboard-context";import{useClipboard as b}from"./use-clipboard";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};
+import{a}from"./chunk-CFC5ZATK.mjs";import"./chunk-4IIX4CUZ.mjs";import"./chunk-DUMA3HP6.mjs";import"./chunk-XUX7KG6K.mjs";import"./chunk-YOZTTHNF.mjs";import"./chunk-G75FKEIV.mjs";import"./chunk-DUSTTWAR.mjs";export{a as Clipboard};

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{Clipboard as i}from"./clipboard";import{ClipboardConfig as p,useClipboardConfig as C}from"./clipboard-config";export{i as Clipboard,p as ClipboardConfig,C as useClipboardConfig};
+"use client";import{a as i}from"./chunk-CFC5ZATK.mjs";import"./chunk-4IIX4CUZ.mjs";import{a as o,b as r}from"./chunk-DUMA3HP6.mjs";import"./chunk-XUX7KG6K.mjs";import"./chunk-YOZTTHNF.mjs";import"./chunk-G75FKEIV.mjs";import"./chunk-DUSTTWAR.mjs";export{i as Clipboard,o as ClipboardConfig,r as useClipboardConfig};

package/dist/styles.d.mts

@@ -5,16 +5,16 @@ import * as tailwind_merge from 'tailwind-merge';
 declare const copyToClipboardVariants: _jamsrui_utils.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
-            button?: tailwind_merge.ClassNameValue;
             root?: tailwind_merge.ClassNameValue;
+            button?: tailwind_merge.ClassNameValue;
             icon?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
-            button?: tailwind_merge.ClassNameValue;
             root?: tailwind_merge.ClassNameValue;
+            button?: tailwind_merge.ClassNameValue;
             icon?: tailwind_merge.ClassNameValue;
         };
     };
@@ -25,8 +25,8 @@ declare const copyToClipboardVariants: _jamsrui_utils.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
-            button?: tailwind_merge.ClassNameValue;
             root?: tailwind_merge.ClassNameValue;
+            button?: tailwind_merge.ClassNameValue;
             icon?: tailwind_merge.ClassNameValue;
         };
     };

package/dist/styles.mjs

@@ -1 +1 @@
-import{tv as o}from"@jamsrui/utils";const t=o({slots:{root:"relative z-1 inline-flex cursor-copy items-center gap-0.5 hover:opacity-80",button:"cursor-copy aria-hidden:hidden",icon:"size-4"}});export{t as copyToClipboardVariants};
+import{a}from"./chunk-G75FKEIV.mjs";export{a as copyToClipboardVariants};

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";import{useCopyToClipboard as I}from"./use-copy-to-clipboard";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};
+import{a}from"./chunk-YOZTTHNF.mjs";import"./chunk-G75FKEIV.mjs";import"./chunk-DUSTTWAR.mjs";export{a 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};
+import{a}from"./chunk-DUSTTWAR.mjs";export{a as useCopyToClipboard};

package/package.json

@@ -1,20 +1,19 @@
 {
   "name": "@jamsrui/clipboard",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/icons": "^0.0.8",
-    "@jamsrui/hooks": "^0.0.9",
-    "@jamsrui/core": "^0.0.8",
-    "@jamsrui/utils": "^0.0.9"
+    "@jamsrui/icons": "^0.0.10",
+    "@jamsrui/hooks": "^0.0.11",
+    "@jamsrui/core": "^0.0.10",
+    "@jamsrui/utils": "^0.0.11"
   },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.mjs"
     }
   },
   "description": "A modern and beautiful Next.js UI components library.",