@jamsrui/button 0.0.2 → 0.0.4

package/dist/{button-Dm01AUgs.d.mts → button-DLMZNlKx.d.mts}

@@ -8,7 +8,7 @@ declare const useButton: (props: useButton.Props) => {
     endContent: react.ReactNode;
     isLoading: boolean | undefined;
     spinner: react.ReactNode;
-    spinnerPlacement: "end" | "start";
+    spinnerPlacement: "start" | "end";
     disableRipple: boolean | undefined;
 };
 declare namespace useButton {

package/dist/button-config.d.mts

@@ -1,4 +1,4 @@
-import { B as Button } from './button-Dm01AUgs.mjs';
+import { B as Button } from './button-DLMZNlKx.mjs';
 import * as react from 'react';
 import { GlobalConfigProps } from '@jamsrui/core';
 import '@jamsrui/utils';

package/dist/button.d.mts

@@ -1,5 +1,5 @@
 import 'react';
-export { B as Button } from './button-Dm01AUgs.mjs';
+export { B as Button } from './button-DLMZNlKx.mjs';
 import './styles.mjs';
 import '@jamsrui/utils';
 import 'tailwind-variants';

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { B as Button } from './button-Dm01AUgs.mjs';
+export { B as Button } from './button-DLMZNlKx.mjs';
 export { ButtonConfig, useButtonConfig } from './button-config.mjs';
 import 'react';
 import '@jamsrui/utils';

package/dist/use-button.d.mts

@@ -1,5 +1,5 @@
 import 'react';
 import '@jamsrui/utils';
-export { u as useButton } from './button-Dm01AUgs.mjs';
+export { u as useButton } from './button-DLMZNlKx.mjs';
 import './styles.mjs';
 import 'tailwind-variants';

package/package.json

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

package/dist/button-Bbcz7Kbb.d.ts

@@ -1,68 +0,0 @@
-import * as react from 'react';
-import { PropGetter, UIProps } from '@jamsrui/utils';
-import { ButtonVariantProps } from './styles.js';
-
-declare const useButton: (props: useButton.Props) => {
-    getButtonProps: PropGetter<Button.Props>;
-    startContent: react.ReactNode;
-    endContent: react.ReactNode;
-    isLoading: boolean | undefined;
-    spinner: react.ReactNode;
-    spinnerPlacement: "end" | "start";
-    disableRipple: boolean | undefined;
-};
-declare namespace useButton {
-    interface VariantProps extends Button.VariantProps {
-    }
-    interface Props extends VariantProps, UIProps<"button"> {
-        /**
-         * If `true`, the button will show a spinner and be non-interactive.
-         * Useful for indicating a loading state during async operations.
-         */
-        isLoading?: boolean;
-        /**
-         * If `true`, the button will be disabled.
-         * Takes precedence over `isLoading`.
-         */
-        isDisabled?: boolean;
-        /**
-         * Element to be rendered at the **start** of the button content.
-         * Commonly used for icons or prepended text.
-         */
-        startContent?: React.ReactNode;
-        /**
-         * Element to be rendered at the **end** of the button content.
-         * Commonly used for icons or appended text.
-         */
-        endContent?: React.ReactNode;
-        /**
-         * Determines where the spinner appears when `isLoading` is true.
-         * Can be `"start"` or `"end"`. Defaults to `"start"`.
-         */
-        spinnerPlacement?: "start" | "end";
-        /**
-         * If `true`, disables the ripple effect on click.
-         * Recommended for a more minimal or static UI feel.
-         */
-        disableRipple?: boolean;
-        /**
-         * If `true`, disables all animations on the button.
-         * Useful for performance-sensitive environments or reduced motion settings.
-         */
-        disableAnimation?: boolean;
-        /**
-         * A custom spinner element to replace the default loading indicator.
-         */
-        spinner?: React.ReactNode;
-    }
-}
-
-declare const Button: (props: Button.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
-declare namespace Button {
-    interface VariantProps extends ButtonVariantProps {
-    }
-    interface Props extends useButton.Props {
-    }
-}
-
-export { Button as B, useButton as u };

package/dist/button-config.d.ts

@@ -1,17 +0,0 @@
-import { B as Button } from './button-Bbcz7Kbb.js';
-import * as react from 'react';
-import { GlobalConfigProps } from '@jamsrui/core';
-import '@jamsrui/utils';
-import './styles.js';
-import 'tailwind-variants';
-
-declare const useButtonConfig: () => ButtonConfig.Props;
-declare const ButtonConfig: (props: ButtonConfig.Props & {
-    merge?: boolean;
-}) => react.JSX.Element;
-declare namespace ButtonConfig {
-    interface Props extends Button.Props, GlobalConfigProps<Button.Props> {
-    }
-}
-
-export { ButtonConfig, useButtonConfig };

package/dist/button-config.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMRE5MIBIjs = require('./chunk-MRE5MIBI.js');exports.ButtonConfig = _chunkMRE5MIBIjs.a; exports.useButtonConfig = _chunkMRE5MIBIjs.b;

package/dist/button.d.ts

@@ -1,5 +0,0 @@
-import 'react';
-export { B as Button } from './button-Bbcz7Kbb.js';
-import './styles.js';
-import '@jamsrui/utils';
-import 'tailwind-variants';

package/dist/button.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkL5HTCZJ2js = require('./chunk-L5HTCZJ2.js');require('./chunk-MRE5MIBI.js');require('./chunk-7FO77XRV.js');require('./chunk-TDZC6RKV.js');require('./chunk-BH7ZAA7C.js');exports.Button = _chunkL5HTCZJ2js.a;

package/dist/chunk-7FO77XRV.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var e=r=>{let{size:t=20}=r;return React.createElement("svg",{fill:"currentColor",height:t,viewBox:"0 0 24 24",width:t,xmlns:"http://www.w3.org/2000/svg"},React.createElement("g",null,React.createElement("rect",{height:5,opacity:".14",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".29",transform:"rotate(30 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".43",transform:"rotate(60 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".57",transform:"rotate(90 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".71",transform:"rotate(120 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,opacity:".86",transform:"rotate(150 12 12)",width:2,x:11,y:1}),React.createElement("rect",{height:5,transform:"rotate(180 12 12)",width:2,x:11,y:1}),React.createElement("animateTransform",{attributeName:"transform",calcMode:"discrete",dur:"0.75s",repeatCount:"indefinite",type:"rotate",values:"0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12"})))};exports.a = e;

package/dist/chunk-BH7ZAA7C.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var n="",d= exports.b =_utils.tv.call(void 0, {base:["relative cursor-pointer inline-flex py-2 px-4 rounded-full justify-center items-center gap-2 shrink-0","data-[loading]:cursor-progress","disabled:cursor-not-allowed disabled:opacity-70","focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2"],variants:{color:{default:"shadow-default",primary:"shadow-primary",secondary:"shadow-primary",success:"shadow-primary",warning:"shadow-primary",danger:"shadow-primary"},variant:{solid:"",bordered:"border-2",light:"",text:"",flat:""},isFullWidth:{true:"w-full"},size:{xs:"px-2 py-1 text-xs",sm:"min-w-16 gap-1 px-3 py-1.5 text-xs",md:"min-w-20 gap-2 px-4 py-2 text-sm",lg:"min-w-40 gap-2 px-6 py-2.5 text-base font-medium"},radius:_utils.radiusBaseVariant,disableAnimation:{true:"",false:""}},compoundVariants:[..._utils.allVariants.flatMap(a=>_utils.allColors.map(t=>({variant:a,color:t,className:_utils.colorVariants[a][t]})))],defaultVariants:{variant:"solid",color:"default",size:"md",radius:"md",disableAnimation:!1,isFullWidth:!1}});exports.a = n; exports.b = d;

package/dist/chunk-L5HTCZJ2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMRE5MIBIjs = require('./chunk-MRE5MIBI.js');var _chunk7FO77XRVjs = require('./chunk-7FO77XRV.js');var _chunkTDZC6RKVjs = require('./chunk-TDZC6RKV.js');var _chunkBH7ZAA7Cjs = require('./chunk-BH7ZAA7C.js');var _hooks = require('@jamsrui/hooks');var _utils = require('@jamsrui/utils');var L=t=>{let m=_chunkMRE5MIBIjs.b.call(void 0, ),o=_utils.mergeConfigProps.call(void 0, _chunkBH7ZAA7Cjs.b.defaultVariants,m,t),{size:u}=o,{getButtonProps:c,startContent:d,endContent:f,isLoading:n,spinner:e=React.createElement(_chunk7FO77XRVjs.a,{size:u==="xs"?14:20}),disableRipple:g,spinnerPlacement:r}=_chunkTDZC6RKVjs.a.call(void 0, o),P=React.createElement(React.Fragment,null,n&&r==="start"?e:d,t.children,n&&r==="end"?e:f);return _hooks.useRenderElement.call(void 0, "button",{props:[c({}),{children:P}]})};exports.a = L;

package/dist/chunk-MRE5MIBI.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:"ButtonConfigContext"});exports.a = n; exports.b = r;

package/dist/chunk-TDZC6RKV.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 _chunkBH7ZAA7Cjs = require('./chunk-BH7ZAA7C.js');var _react = require('react');var _utils = require('@jamsrui/utils');var g=m=>{let[u,b]=_utils.mapPropsVariants.call(void 0, m,_chunkBH7ZAA7Cjs.b.variantKeys),{isDisabled:P,disableRipple:o,endContent:n,spinner:s,spinnerPlacement:a="start",startContent:r,disabled:R,isLoading:t,className:i,...p}=u,l=_nullishCoalesce(_nullishCoalesce(R, () => (P)), () => (t)),d=_chunkBH7ZAA7Cjs.b.call(void 0, b),c=_react.useCallback.call(void 0, ()=>({...p,disabled:l,className:_utils.cn.call(void 0, d,i),"data-loading":t}),[i,l,t,p,d]);return _react.useMemo.call(void 0, ()=>({getButtonProps:c,startContent:r,endContent:n,isLoading:t,spinner:s,spinnerPlacement:a,disableRipple:o}),[c,r,n,t,s,a,o])};exports.a = g;

package/dist/index.d.ts

@@ -1,7 +0,0 @@
-export { B as Button } from './button-Bbcz7Kbb.js';
-export { ButtonConfig, useButtonConfig } from './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 _chunkL5HTCZJ2js = require('./chunk-L5HTCZJ2.js');var _chunkMRE5MIBIjs = require('./chunk-MRE5MIBI.js');require('./chunk-7FO77XRV.js');require('./chunk-TDZC6RKV.js');require('./chunk-BH7ZAA7C.js');exports.Button = _chunkL5HTCZJ2js.a; exports.ButtonConfig = _chunkMRE5MIBIjs.a; exports.useButtonConfig = _chunkMRE5MIBIjs.b;

package/dist/spinner.d.ts

@@ -1,8 +0,0 @@
-import * as react from 'react';
-
-type Props = {
-    size?: number;
-};
-declare const LoadingSpinner: (props: Props) => react.JSX.Element;
-
-export { LoadingSpinner };

package/dist/spinner.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk7FO77XRVjs = require('./chunk-7FO77XRV.js');exports.LoadingSpinner = _chunk7FO77XRVjs.a;

package/dist/styles.d.ts

@@ -1,125 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from '@jamsrui/utils';
-
-declare const test = "";
-declare const buttonVariant: 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;
-    };
-    isFullWidth: {
-        true: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: 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";
-    };
-    disableAnimation: {
-        true: string;
-        false: string;
-    };
-}, 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;
-    };
-    isFullWidth: {
-        true: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: 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";
-    };
-    disableAnimation: {
-        true: string;
-        false: string;
-    };
-}, 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;
-    };
-    isFullWidth: {
-        true: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: 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";
-    };
-    disableAnimation: {
-        true: string;
-        false: string;
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-type ButtonVariantProps = VariantProps<typeof buttonVariant>;
-
-export { type ButtonVariantProps, buttonVariant, test };

package/dist/styles.js

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

package/dist/use-button.d.ts

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

package/dist/use-button.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkTDZC6RKVjs = require('./chunk-TDZC6RKV.js');require('./chunk-BH7ZAA7C.js');exports.useButton = _chunkTDZC6RKVjs.a;