@jamsrui/icon-button 0.0.2 → 0.0.3

package/dist/icon-button-config.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-WOIOR7OF.mjs";export{a as IconButtonConfig,b as useIconButtonConfig};
+import{createConfigContext as o}from"@jamsrui/utils";const[n,r]=o({displayName:"IconButtonConfig"});export{n as IconButtonConfig,r as useIconButtonConfig};

package/dist/icon-button.mjs

@@ -1 +1 @@
-import{a}from"./chunk-DU2XZ4KY.mjs";import"./chunk-WZJPBIYC.mjs";import"./chunk-P52JHGTV.mjs";export{a as IconButton};
+import{useRenderElement as c}from"@jamsrui/hooks";import{useIconButton as p}from"./use-icon-button";const l=t=>{const{children:e}=t,n=p(t),{getButtonProps:o,getLabelProps:r}=n,s=React.createElement(React.Fragment,null,React.createElement("span",{...r({})}),e);return c("button",{props:[o(),{children:s}]})};export{l as IconButton};

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{a as o,b as n}from"./chunk-WOIOR7OF.mjs";import{a as t}from"./chunk-DU2XZ4KY.mjs";import"./chunk-WZJPBIYC.mjs";import"./chunk-P52JHGTV.mjs";export{t as IconButton,o as IconButtonConfig,n as useIconButtonConfig};
+"use client";import{IconButton as t}from"./icon-button";import{IconButtonConfig as u,useIconButtonConfig as c}from"./icon-button-config";export{t as IconButton,u as IconButtonConfig,c as useIconButtonConfig};

package/dist/styles.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-P52JHGTV.mjs";export{b as iconButtonVariants,a as test};
+import{allColors as i,allVariants as t,colorVariants as e,radiusBaseVariant as n,tv as s}from"@jamsrui/utils";const l="",d=s({base:["z-0","cursor-pointer","shrink-0","group","relative","inline-flex","items-center","justify-center","box-border","appearance-none","outline-none","select-none","whitespace-nowrap","min-w-max","font-medium","tap-highlight-transparent","transition-transform","focus-visible:ring-2 focus-visible:ring-primary","ui-disabled:cursor-not-allowed ui-disabled:opacity-60","text-transform-inherit"],variants:{color:{default:"",primary:"",secondary:"",success:"",warning:"",danger:""},variant:{solid:"",bordered:"border-2 bg-transparent",light:"",text:"",flat:""},size:{xs:"size-6 rounded",sm:"size-8 min-w-8 rounded-lg",md:"size-10 min-w-10 rounded-xl",lg:"size-12 min-w-12 rounded-2xl"},disableAnimation:{true:"!transition-none",false:"data-[pressed=true]:scale-[0.97]"},radius:n},compoundVariants:[...t.flatMap(a=>i.map(r=>({variant:a,color:r,className:e[a][r]})))],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md",disableAnimation:!1}});export{d as iconButtonVariants,l as test};

package/dist/use-icon-button.mjs

@@ -1 +1 @@
-import{a}from"./chunk-WZJPBIYC.mjs";import"./chunk-P52JHGTV.mjs";export{a as useIconButton};
+import{useCallback as c,useId as I,useMemo as B}from"react";import{cn as f,dataAttrDev as g,mapPropsVariants as D}from"@jamsrui/utils";import{iconButtonVariants as m}from"./styles";const C=u=>{const[d,b]=D(u,m.variantKeys),{type:a="button",label:r,isDisabled:P,isLoading:s,disabled:y,className:e,...n}=d,i=m(b),t=I(),o=P??s??y,p=c(()=>({...n,"data-component":g("icon-button"),className:f(i,e),"aria-label":r,"aria-labelledby":t,type:a,disabled:o,"data-disabled":o,"aria-disabled":o}),[e,t,o,r,n,i,a]),l=c(()=>({"aria-hidden":!0,id:t,className:"sr-only"}),[t]);return B(()=>({getButtonProps:p,getLabelProps:l,isLoading:s,isDisabled:o}),[p,l,o,s])};export{C as useIconButton};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@jamsrui/icon-button",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/hooks": "^0.0.2",
-    "@jamsrui/core": "^0.0.2",
-    "@jamsrui/utils": "^0.0.2"
+    "@jamsrui/utils": "^0.0.3",
+    "@jamsrui/core": "^0.0.3",
+    "@jamsrui/hooks": "^0.0.3"
   },
   "exports": {
     ".": {

package/dist/chunk-62KSEK2L.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkXQYFQDZAjs = require('./chunk-XQYFQDZA.js');var _hooks = require('@jamsrui/hooks');var l=t=>{let{children:n}=t,o=_chunkXQYFQDZAjs.a.call(void 0, t),{getButtonProps:r,getLabelProps:s}=o,c=React.createElement(React.Fragment,null,React.createElement("span",{...s({})}),n);return _hooks.useRenderElement.call(void 0, "button",{props:[r(),{children:c}]})};exports.a = l;

package/dist/chunk-DU2XZ4KY.mjs

@@ -1 +0,0 @@
-import{a as e}from"./chunk-WZJPBIYC.mjs";import{useRenderElement as p}from"@jamsrui/hooks";var l=t=>{let{children:n}=t,o=e(t),{getButtonProps:r,getLabelProps:s}=o,c=React.createElement(React.Fragment,null,React.createElement("span",{...s({})}),n);return p("button",{props:[r(),{children:c}]})};export{l as a};

package/dist/chunk-MGRF3OGE.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var[n,r]=_utils.createConfigContext.call(void 0, {displayName:"IconButtonConfig"});exports.a = n; exports.b = r;

package/dist/chunk-P52JHGTV.mjs

@@ -1 +0,0 @@
-import{allColors as i,allVariants as t,colorVariants as e,radiusBaseVariant as n,tv as s}from"@jamsrui/utils";var l="",d=s({base:["z-0","cursor-pointer","shrink-0","group","relative","inline-flex","items-center","justify-center","box-border","appearance-none","outline-none","select-none","whitespace-nowrap","min-w-max","font-medium","tap-highlight-transparent","transition-transform","focus-visible:ring-2 focus-visible:ring-primary","ui-disabled:cursor-not-allowed ui-disabled:opacity-60","text-transform-inherit"],variants:{color:{default:"",primary:"",secondary:"",success:"",warning:"",danger:""},variant:{solid:"",bordered:"border-2 bg-transparent",light:"",text:"",flat:""},size:{xs:"size-6 rounded",sm:"size-8 min-w-8 rounded-lg",md:"size-10 min-w-10 rounded-xl",lg:"size-12 min-w-12 rounded-2xl"},disableAnimation:{true:"!transition-none",false:"data-[pressed=true]:scale-[0.97]"},radius:n},compoundVariants:[...t.flatMap(a=>i.map(r=>({variant:a,color:r,className:e[a][r]})))],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md",disableAnimation:!1}});export{l as a,d as b};

package/dist/chunk-WOIOR7OF.mjs

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

package/dist/chunk-WYKLWMH4.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var l="",d= exports.b =_utils.tv.call(void 0, {base:["z-0","cursor-pointer","shrink-0","group","relative","inline-flex","items-center","justify-center","box-border","appearance-none","outline-none","select-none","whitespace-nowrap","min-w-max","font-medium","tap-highlight-transparent","transition-transform","focus-visible:ring-2 focus-visible:ring-primary","ui-disabled:cursor-not-allowed ui-disabled:opacity-60","text-transform-inherit"],variants:{color:{default:"",primary:"",secondary:"",success:"",warning:"",danger:""},variant:{solid:"",bordered:"border-2 bg-transparent",light:"",text:"",flat:""},size:{xs:"size-6 rounded",sm:"size-8 min-w-8 rounded-lg",md:"size-10 min-w-10 rounded-xl",lg:"size-12 min-w-12 rounded-2xl"},disableAnimation:{true:"!transition-none",false:"data-[pressed=true]:scale-[0.97]"},radius:_utils.radiusBaseVariant},compoundVariants:[..._utils.allVariants.flatMap(a=>_utils.allColors.map(r=>({variant:a,color:r,className:_utils.colorVariants[a][r]})))],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md",disableAnimation:!1}});exports.a = l; exports.b = d;

package/dist/chunk-WZJPBIYC.mjs

@@ -1 +0,0 @@
-import{b as a}from"./chunk-P52JHGTV.mjs";import{useCallback as m,useId as I,useMemo as B}from"react";import{cn as f,dataAttrDev as g,mapPropsVariants as D}from"@jamsrui/utils";var C=u=>{let[d,b]=D(u,a.variantKeys),{type:r="button",label:e,isDisabled:P,isLoading:s,disabled:y,className:n,...i}=d,p=a(b),t=I(),o=P??s??y,l=m(()=>({...i,"data-component":g("icon-button"),className:f(p,n),"aria-label":e,"aria-labelledby":t,type:r,disabled:o,"data-disabled":o,"aria-disabled":o}),[n,t,o,e,i,p,r]),c=m(()=>({"aria-hidden":!0,id:t,className:"sr-only"}),[t]);return B(()=>({getButtonProps:l,getLabelProps:c,isLoading:s,isDisabled:o}),[l,c,o,s])};export{C as a};

package/dist/chunk-XQYFQDZA.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkWYKLWMH4js = require('./chunk-WYKLWMH4.js');var _react = require('react');var _utils = require('@jamsrui/utils');var C=u=>{let[d,b]=_utils.mapPropsVariants.call(void 0, u,_chunkWYKLWMH4js.b.variantKeys),{type:r="button",label:e,isDisabled:P,isLoading:s,disabled:y,className:n,...i}=d,p=_chunkWYKLWMH4js.b.call(void 0, b),t=_react.useId.call(void 0, ),o=_nullishCoalesce(_nullishCoalesce(P, () => (s)), () => (y)),l=_react.useCallback.call(void 0, ()=>({...i,"data-component":_utils.dataAttrDev.call(void 0, "icon-button"),className:_utils.cn.call(void 0, p,n),"aria-label":e,"aria-labelledby":t,type:r,disabled:o,"data-disabled":o,"aria-disabled":o}),[n,t,o,e,i,p,r]),c=_react.useCallback.call(void 0, ()=>({"aria-hidden":!0,id:t,className:"sr-only"}),[t]);return _react.useMemo.call(void 0, ()=>({getButtonProps:l,getLabelProps:c,isLoading:s,isDisabled:o}),[l,c,o,s])};exports.a = C;

package/dist/icon-button-DkTssJvE.d.ts

@@ -1,25 +0,0 @@
-import * as react from 'react';
-import { PropGetter, UIProps } from '@jamsrui/utils';
-import { IconButtonVariantProps } from './styles.js';
-
-declare const useIconButton: (props: useIconButton.Props) => {
-    getButtonProps: () => Partial<IconButton.Props>;
-    getLabelProps: PropGetter<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
-    isLoading: boolean | undefined;
-    isDisabled: boolean | undefined;
-};
-declare namespace useIconButton {
-    interface Props extends IconButtonVariantProps, UIProps<"button"> {
-        label: string;
-        isDisabled?: boolean;
-        isLoading?: boolean;
-    }
-}
-
-declare const IconButton: (props: IconButton.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
-declare namespace IconButton {
-    interface Props extends useIconButton.Props {
-    }
-}
-
-export { IconButton as I, useIconButton as u };

package/dist/icon-button-config.d.ts

@@ -1,21 +0,0 @@
-import { I as IconButton } from './icon-button-DkTssJvE.js';
-import * as react from 'react';
-import { GlobalConfigProps } from '@jamsrui/core';
-import '@jamsrui/utils';
-import './styles.js';
-import 'tailwind-variants';
-
-declare const useIconButtonConfig: () => {
-    children?: React.ReactNode;
-};
-declare const IconButtonConfig: (props: {
-    children?: React.ReactNode;
-} & {
-    merge?: boolean;
-}) => react.JSX.Element;
-declare namespace IconButtonConfig {
-    interface Props extends IconButton.Props, GlobalConfigProps<IconButton.Props> {
-    }
-}
-
-export { IconButtonConfig, useIconButtonConfig };

package/dist/icon-button-config.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMGRF3OGEjs = require('./chunk-MGRF3OGE.js');exports.IconButtonConfig = _chunkMGRF3OGEjs.a; exports.useIconButtonConfig = _chunkMGRF3OGEjs.b;

package/dist/icon-button.d.ts

@@ -1,5 +0,0 @@
-import 'react';
-export { I as IconButton } from './icon-button-DkTssJvE.js';
-import '@jamsrui/utils';
-import './styles.js';
-import 'tailwind-variants';

package/dist/icon-button.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk62KSEK2Ljs = require('./chunk-62KSEK2L.js');require('./chunk-XQYFQDZA.js');require('./chunk-WYKLWMH4.js');exports.IconButton = _chunk62KSEK2Ljs.a;

package/dist/index.d.ts

@@ -1,7 +0,0 @@
-export { I as IconButton } from './icon-button-DkTssJvE.js';
-export { IconButtonConfig, useIconButtonConfig } from './icon-button-config.js';
-import 'react';
-import '@jamsrui/utils';
-import './styles.js';
-import 'tailwind-variants';
-import '@jamsrui/core';

package/dist/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkMGRF3OGEjs = require('./chunk-MGRF3OGE.js');var _chunk62KSEK2Ljs = require('./chunk-62KSEK2L.js');require('./chunk-XQYFQDZA.js');require('./chunk-WYKLWMH4.js');exports.IconButton = _chunk62KSEK2Ljs.a; exports.IconButtonConfig = _chunkMGRF3OGEjs.a; exports.useIconButtonConfig = _chunkMGRF3OGEjs.b;

package/dist/styles.d.ts

@@ -1,116 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from '@jamsrui/utils';
-
-declare const test = "";
-declare const iconButtonVariants: tailwind_variants.TVReturnType<{
-    color: {
-        default: string;
-        primary: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    variant: {
-        solid: string;
-        bordered: string;
-        light: string;
-        text: string;
-        flat: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    disableAnimation: {
-        true: string;
-        false: string;
-    };
-    radius: {
-        readonly sm: "rounded";
-        readonly md: "rounded-md";
-        readonly lg: "rounded-lg";
-        readonly xl: "rounded-xl";
-        readonly "2xl": "rounded-2xl";
-        readonly "3xl": "rounded-3xl";
-        readonly full: "rounded-full";
-        readonly none: "rounded-none";
-    };
-}, undefined, string[], {
-    color: {
-        default: string;
-        primary: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    variant: {
-        solid: string;
-        bordered: string;
-        light: string;
-        text: string;
-        flat: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    disableAnimation: {
-        true: string;
-        false: string;
-    };
-    radius: {
-        readonly sm: "rounded";
-        readonly md: "rounded-md";
-        readonly lg: "rounded-lg";
-        readonly xl: "rounded-xl";
-        readonly "2xl": "rounded-2xl";
-        readonly "3xl": "rounded-3xl";
-        readonly full: "rounded-full";
-        readonly none: "rounded-none";
-    };
-}, undefined, tailwind_variants.TVReturnType<{
-    color: {
-        default: string;
-        primary: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    variant: {
-        solid: string;
-        bordered: string;
-        light: string;
-        text: string;
-        flat: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    disableAnimation: {
-        true: string;
-        false: string;
-    };
-    radius: {
-        readonly sm: "rounded";
-        readonly md: "rounded-md";
-        readonly lg: "rounded-lg";
-        readonly xl: "rounded-xl";
-        readonly "2xl": "rounded-2xl";
-        readonly "3xl": "rounded-3xl";
-        readonly full: "rounded-full";
-        readonly none: "rounded-none";
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-type IconButtonVariantProps = VariantProps<typeof iconButtonVariants>;
-
-export { type IconButtonVariantProps, iconButtonVariants, test };

package/dist/styles.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkWYKLWMH4js = require('./chunk-WYKLWMH4.js');exports.iconButtonVariants = _chunkWYKLWMH4js.b; exports.test = _chunkWYKLWMH4js.a;

package/dist/use-icon-button.d.ts

@@ -1,5 +0,0 @@
-import 'react';
-import '@jamsrui/utils';
-export { u as useIconButton } from './icon-button-DkTssJvE.js';
-import './styles.js';
-import 'tailwind-variants';

package/dist/use-icon-button.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkXQYFQDZAjs = require('./chunk-XQYFQDZA.js');require('./chunk-WYKLWMH4.js');exports.useIconButton = _chunkXQYFQDZAjs.a;