jattac.libs.web.zest-button 1.2.6 → 1.2.8

package/README.md

@@ -51,3 +51,7 @@ To get started, check out our **Cookbook** of practical recipes.
 ### License
 
 Licensed under [MIT](./LICENSE).
+
+---
+
+[Next: The Cookbook (Examples) ➡️](./docs/examples.md)

package/dist/ZestButtonConfigContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ZestCustomProps } from './ZestButton';
+export interface ZestGlobalConfig {
+    defaultProps?: ZestCustomProps;
+    semanticTypeDefaults?: Partial<Record<string, Partial<ZestCustomProps>>>;
+}
+declare const ZestButtonConfigContext: React.Context<ZestGlobalConfig | undefined>;
+export declare const useZestButtonConfig: () => ZestGlobalConfig | undefined;
+export default ZestButtonConfigContext;

package/dist/ZestButtonConfigProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ZestGlobalConfig } from './ZestButtonConfigContext';
+interface ZestButtonConfigProviderProps {
+    config: ZestGlobalConfig;
+    children: React.ReactNode;
+}
+declare const ZestButtonConfigProvider: React.FC<ZestButtonConfigProviderProps>;
+export default ZestButtonConfigProvider;

package/dist/index.cjs.js

@@ -1391,18 +1391,18 @@ var styles = {"force-light":"ZestButton-module_force-light__zZTIZ","force-dark":
 styleInject(css_248z);
 
 // Create the Zest Context with a default empty configuration
-const ZestContext = require$$0.createContext(undefined);
+const ZestButtonConfigContext = require$$0.createContext(undefined);
 // Custom hook to use the Zest Context
-const useZest = () => {
-    const context = require$$0.useContext(ZestContext);
+const useZestButtonConfig = () => {
+    const context = require$$0.useContext(ZestButtonConfigContext);
     // Optional: Add a check here if context is undefined, meaning provider is not used
     // if (context === undefined) {
-    //   console.warn("useZest must be used within a ZestProvider. Falling back to default ZestButton props.");
+    //   console.warn("useZestButtonConfig must be used within a ZestButtonConfigProvider. Falling back to default ZestButton props.");
     // }
     return context;
 };
 
-const semanticTypeDefaults = {
+const semanticTypeButtonConfigDefaults = {
     // Creation / Add
     'add': {
         visualOptions: {
@@ -1573,7 +1573,7 @@ const deepMerge = (target, source) => {
     return output;
 };
 const useZestConfig = (localZestProps) => {
-    const globalConfig = useZest();
+    const globalConfig = useZestButtonConfig();
     const globalDefaultProps = globalConfig?.defaultProps;
     const customSemanticDefaults = globalConfig?.semanticTypeDefaults;
     // 1. Start with global defaults (lowest precedence)
@@ -1582,8 +1582,8 @@ const useZestConfig = (localZestProps) => {
     const semanticType = localZestProps?.semanticType || effectiveZestConfig.semanticType;
     if (semanticType) {
         // 2. Apply built-in semantic defaults
-        if (semanticTypeDefaults[semanticType]) {
-            effectiveZestConfig = deepMerge(effectiveZestConfig, semanticTypeDefaults[semanticType]);
+        if (semanticTypeButtonConfigDefaults[semanticType]) {
+            effectiveZestConfig = deepMerge(effectiveZestConfig, semanticTypeButtonConfigDefaults[semanticType]);
         }
         // 3. Apply custom semantic defaults from provider (overrides built-in ones)
         if (customSemanticDefaults && customSemanticDefaults[semanticType]) {
@@ -1851,11 +1851,11 @@ const ZestButton = ({ className = "", disabled, children, onClick, zest: localZe
         ].join(" "), disabled: isDisabled, "aria-busy": effectiveBusy, onClick: handleConfirmClick, ...props, children: jsxRuntimeExports.jsxs("span", { className: styles.inner, children: [renderLeftIcon(), jsxRuntimeExports.jsxs("span", { className: styles.content, children: [currentChildren, iconRight && jsxRuntimeExports.jsx("span", { className: styles.icon, children: iconRight })] })] }) }));
 };
 
-const ZestProvider = ({ config, children }) => {
-    return (jsxRuntimeExports.jsx(ZestContext.Provider, { value: config, children: children }));
+const ZestButtonConfigProvider = ({ config, children }) => {
+    return (jsxRuntimeExports.jsx(ZestButtonConfigContext.Provider, { value: config, children: children }));
 };
 
 exports.ZestButton = ZestButton;
-exports.ZestProvider = ZestProvider;
-exports.useZest = useZest;
+exports.ZestButtonConfigProvider = ZestButtonConfigProvider;
+exports.useZestButtonConfig = useZestButtonConfig;
 //# sourceMappingURL=index.cjs.js.map