@betterlb/kapwa 1.1.0

package/dist/jsx-runtime-KWq1EBG2.cjs

@@ -0,0 +1,23 @@
+"use strict";const K=require("react");var P={exports:{}},R={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var F;function ee(){if(F)return R;F=1;var l=Symbol.for("react.transitional.element"),_=Symbol.for("react.fragment");function f(d,a,s){var m=null;if(s!==void 0&&(m=""+s),a.key!==void 0&&(m=""+a.key),"key"in a){s={};for(var E in a)E!=="key"&&(s[E]=a[E])}else s=a;return a=s.ref,{$$typeof:l,type:d,key:m,ref:a!==void 0?a:null,props:s}}return R.Fragment=_,R.jsx=f,R.jsxs=f,R}var b={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var $;function re(){return $||($=1,process.env.NODE_ENV!=="production"&&function(){function l(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===H?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case T:return"Fragment";case U:return"Profiler";case W:return"StrictMode";case G:return"Suspense";case J:return"SuspenseList";case B:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case M:return"Portal";case V:return(e.displayName||"Context")+".Provider";case z:return(e._context.displayName||"Context")+".Consumer";case q:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case X:return r=e.displayName||null,r!==null?r:l(e.type)||"Memo";case x:r=e._payload,e=e._init;try{return l(e(r))}catch{}}return null}function _(e){return""+e}function f(e){try{_(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),_(e)}}function d(e){if(e===T)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===x)return"<...>";try{var r=l(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=p.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function m(e){if(h.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function E(e,r){function t(){y||(y=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function D(){var e=l(this.type);return N[e]||(N[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function L(e,r,t,n,c,u,O,A){return t=u.ref,e={$$typeof:g,type:e,key:r,props:u,_owner:c},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:D}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function j(e,r,t,n,c,u,O,A){var o=r.children;if(o!==void 0)if(n)if(Z(o)){for(n=0;n<o.length;n++)w(o[n]);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else w(o);if(h.call(r,"key")){o=l(e);var i=Object.keys(r).filter(function(Q){return Q!=="key"});n=0<i.length?"{key: someKey, "+i.join(": ..., ")+": ...}":"{key: someKey}",I[o+n]||(i=0<i.length?"{"+i.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,n,o,i,o),I[o+n]=!0)}if(o=null,t!==void 0&&(f(t),o=""+t),m(r)&&(f(r.key),o=""+r.key),"key"in r){t={};for(var S in r)S!=="key"&&(t[S]=r[S])}else t=r;return o&&E(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),L(e,o,u,c,a(),t,O,A)}function w(e){typeof e=="object"&&e!==null&&e.$$typeof===g&&e._store&&(e._store.validated=1)}var v=K,g=Symbol.for("react.transitional.element"),M=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),W=Symbol.for("react.strict_mode"),U=Symbol.for("react.profiler"),z=Symbol.for("react.consumer"),V=Symbol.for("react.context"),q=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),J=Symbol.for("react.suspense_list"),X=Symbol.for("react.memo"),x=Symbol.for("react.lazy"),B=Symbol.for("react.activity"),H=Symbol.for("react.client.reference"),p=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,h=Object.prototype.hasOwnProperty,Z=Array.isArray,k=console.createTask?console.createTask:function(){return null};v={"react-stack-bottom-frame":function(e){return e()}};var y,N={},C=v["react-stack-bottom-frame"].bind(v,s)(),Y=k(d(s)),I={};b.Fragment=T,b.jsx=function(e,r,t,n,c){var u=1e4>p.recentlyCreatedOwnerStacks++;return j(e,r,t,!1,n,c,u?Error("react-stack-top-frame"):C,u?k(d(e)):Y)},b.jsxs=function(e,r,t,n,c){var u=1e4>p.recentlyCreatedOwnerStacks++;return j(e,r,t,!0,n,c,u?Error("react-stack-top-frame"):C,u?k(d(e)):Y)}}()),b}process.env.NODE_ENV==="production"?P.exports=ee():P.exports=re();var te=P.exports;exports.jsxRuntimeExports=te;
+//# sourceMappingURL=jsx-runtime-KWq1EBG2.cjs.map

package/dist/jsx-runtime-KWq1EBG2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime-KWq1EBG2.cjs","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return (type.displayName || \"Context\") + \".Provider\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(\n      type,\n      key,\n      self,\n      source,\n      owner,\n      props,\n      debugStack,\n      debugTask\n    ) {\n      self = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== self ? self : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      source,\n      self,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        self,\n        source,\n        getOwner(),\n        maybeKey,\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      \"object\" === typeof node &&\n        null !== node &&\n        node.$$typeof === REACT_ELEMENT_TYPE &&\n        node._store &&\n        (node._store.validated = 1);\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\");\n    Symbol.for(\"react.provider\");\n    var REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      \"react-stack-bottom-frame\": function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React[\"react-stack-bottom-frame\"].bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey, source, self) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        source,\n        self,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey, source, self) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        source,\n        self,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","self","source","owner","debugStack","debugTask","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/kapwa/banner/index.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export type BannerType = 'info' | 'warning' | 'error' | 'success' | 'default';
+export interface BannerProps {
+    title?: string;
+    description: string;
+    type?: BannerType;
+    icon?: boolean;
+    cta?: {
+        label: string;
+        onClick: () => void;
+        href?: string;
+        variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';
+        size?: 'sm' | 'md' | 'lg';
+    } | Array<{
+        label: string;
+        onClick: () => void;
+        href?: string;
+        variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';
+        size?: 'sm' | 'md' | 'lg';
+    }>;
+    className?: string;
+    onDismiss?: () => void;
+    titleSize?: 'sm' | 'md' | 'lg';
+}
+declare const Banner: React.FC<BannerProps>;
+export { Banner };

package/dist/kapwa/banner/index.tsx.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-KWq1EBG2.cjs"),t=require("../../utils-GVl92sVg.cjs"),f=require("../button/index.tsx.cjs"),v=({title:n,description:x,type:m="default",icon:p=!1,cta:l,className:c,onDismiss:o,titleSize:d="lg"})=>{const h={success:{container:"bg-green-50 border border-green-200",icon:"text-green-600",title:"text-green-800",description:"text-green-700",iconSvg:e.jsxRuntimeExports.jsx("svg",{className:"h-6 w-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsxRuntimeExports.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"})})},error:{container:"bg-red-50 border border-red-200",icon:"text-red-600",title:"text-red-800",description:"text-red-700",iconSvg:e.jsxRuntimeExports.jsx("svg",{className:"h-6 w-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsxRuntimeExports.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})},warning:{container:"bg-yellow-50 border border-yellow-200",icon:"text-yellow-600",title:"text-yellow-800",description:"text-yellow-700",iconSvg:e.jsxRuntimeExports.jsx("svg",{className:"h-6 w-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsxRuntimeExports.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})},info:{container:"bg-blue-50 border border-blue-200",icon:"text-blue-600",title:"text-blue-800",description:"text-blue-700",iconSvg:e.jsxRuntimeExports.jsx("svg",{className:"h-6 w-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsxRuntimeExports.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})},default:{container:"bg-gray-50 border border-gray-200",icon:"text-gray-600",title:"text-gray-900",description:"text-gray-800",iconSvg:e.jsxRuntimeExports.jsx("svg",{className:"h-6 w-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsxRuntimeExports.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})}},u={sm:"text-base",md:"text-lg",lg:"text-xl"},j=(r="primary",i="lg")=>{const a={primary:"bg-primary-500 text-white hover:bg-primary-600 focus:ring-primary-500",secondary:"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500",outline:"bg-transparent border border-gray-300 text-gray-700 hover:bg-gray-50 focus:ring-primary-500",ghost:"bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-500"},b={sm:"text-sm px-3 py-1.5 h-8",md:"text-base px-4 py-2 h-10",lg:"text-lg px-6 py-3 h-12"};return t.cn("inline-flex items-center justify-center rounded-md font-medium transition-colors","focus:outline-hidden focus:ring-2 focus:ring-offset-2",a[r],b[i],"shadow-xs")},s=h[m],g=(r,i)=>r.href?e.jsxRuntimeExports.jsx("a",{href:r.href,className:j(r.variant,r.size),children:r.label},i):e.jsxRuntimeExports.jsx(f.Button,{onClick:r.onClick,variant:r.variant||"primary",size:r.size||"md",children:r.label},i);if(l){const r=Array.isArray(l)?l:[l];return e.jsxRuntimeExports.jsx("div",{className:t.cn("relative rounded-lg p-4",s.container,c),children:e.jsxRuntimeExports.jsxs("div",{className:"md:flex items-center",children:[e.jsxRuntimeExports.jsxs("div",{className:t.cn("mb-6 md:mb-0 md:w-2/3 md:pr-8",o?"pr-10 md:pr-8":""),children:[n&&e.jsxRuntimeExports.jsx("h3",{className:t.cn("font-semibold mb-2",s.title,u[d]),children:n}),e.jsxRuntimeExports.jsx("p",{className:s.description,children:x})]}),e.jsxRuntimeExports.jsx("div",{className:"md:w-1/3 flex justify-center md:justify-end",children:e.jsxRuntimeExports.jsxs("div",{className:"flex space-x-2 items-center",children:[r.map((i,a)=>g(i,a)),o&&e.jsxRuntimeExports.jsx("button",{onClick:o,className:"absolute top-2 right-2 md:relative md:top-auto md:right-auto rounded-md p-2 transition-colors hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2","aria-label":"Dismiss banner",children:e.jsxRuntimeExports.jsx("svg",{className:"w-4 h-4 opacity-60",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})})})]})})]})})}return e.jsxRuntimeExports.jsxs("div",{className:t.cn("relative flex justify-between rounded-lg p-4",s.container,c),children:[o&&e.jsxRuntimeExports.jsx("button",{onClick:o,className:"absolute top-2 right-2 md:relative md:top-auto md:right-auto md:flex md:items-center md:justify-end md:ml-3 flex-shrink-0 rounded-md p-2 transition-colors hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2","aria-label":"Dismiss banner",children:e.jsxRuntimeExports.jsx("svg",{className:"w-4 h-4 opacity-60",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})})}),e.jsxRuntimeExports.jsxs("div",{className:t.cn("flex items-center",n?"items-start":"items-center",o?"pr-10 md:pr-0":""),children:[p&&e.jsxRuntimeExports.jsx("div",{className:t.cn("mr-3",n?"mt-1":"",s.icon),children:s.iconSvg}),e.jsxRuntimeExports.jsxs("div",{className:"flex-1",children:[n&&e.jsxRuntimeExports.jsx("h3",{className:t.cn("font-semibold",s.title,u[d]),children:n}),e.jsxRuntimeExports.jsx("p",{className:t.cn(s.description,"text-sm"),children:x})]})]})]})};exports.Banner=v;
+//# sourceMappingURL=index.tsx.cjs.map

package/dist/kapwa/banner/index.tsx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.tsx.cjs","sources":["../../../src/kapwa/banner/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '@lib/utils';\nimport { Button } from '../button';\n\nexport type BannerType = 'info' | 'warning' | 'error' | 'success' | 'default';\n\nexport interface BannerProps {\n  title?: string;\n  description: string;\n  type?: BannerType;\n  icon?: boolean;\n  cta?:\n    | {\n        label: string;\n        onClick: () => void;\n        href?: string;\n        variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';\n        size?: 'sm' | 'md' | 'lg';\n      }\n    | Array<{\n        label: string;\n        onClick: () => void;\n        href?: string;\n        variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';\n        size?: 'sm' | 'md' | 'lg';\n      }>;\n  className?: string;\n  onDismiss?: () => void;\n  titleSize?: 'sm' | 'md' | 'lg';\n}\n\nconst Banner: React.FC<BannerProps> = ({\n  title,\n  description,\n  type = 'default',\n  icon = false,\n  cta,\n  className,\n  onDismiss,\n  titleSize = 'lg',\n}) => {\n  const typeStyles = {\n    success: {\n      container: 'bg-green-50 border border-green-200',\n      icon: 'text-green-600',\n      title: 'text-green-800',\n      description: 'text-green-700',\n      iconSvg: (\n        <svg\n          className='h-6 w-6'\n          fill='none'\n          stroke='currentColor'\n          viewBox='0 0 24 24'\n        >\n          <path\n            strokeLinecap='round'\n            strokeLinejoin='round'\n            strokeWidth={2}\n            d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'\n          />\n        </svg>\n      ),\n    },\n    error: {\n      container: 'bg-red-50 border border-red-200',\n      icon: 'text-red-600',\n      title: 'text-red-800',\n      description: 'text-red-700',\n      iconSvg: (\n        <svg\n          className='h-6 w-6'\n          fill='none'\n          stroke='currentColor'\n          viewBox='0 0 24 24'\n        >\n          <path\n            strokeLinecap='round'\n            strokeLinejoin='round'\n            strokeWidth={2}\n            d='M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'\n          />\n        </svg>\n      ),\n    },\n    warning: {\n      container: 'bg-yellow-50 border border-yellow-200',\n      icon: 'text-yellow-600',\n      title: 'text-yellow-800',\n      description: 'text-yellow-700',\n      iconSvg: (\n        <svg\n          className='h-6 w-6'\n          fill='none'\n          stroke='currentColor'\n          viewBox='0 0 24 24'\n        >\n          <path\n            strokeLinecap='round'\n            strokeLinejoin='round'\n            strokeWidth={2}\n            d='M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'\n          />\n        </svg>\n      ),\n    },\n    info: {\n      container: 'bg-blue-50 border border-blue-200',\n      icon: 'text-blue-600',\n      title: 'text-blue-800',\n      description: 'text-blue-700',\n      iconSvg: (\n        <svg\n          className='h-6 w-6'\n          fill='none'\n          stroke='currentColor'\n          viewBox='0 0 24 24'\n        >\n          <path\n            strokeLinecap='round'\n            strokeLinejoin='round'\n            strokeWidth={2}\n            d='M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'\n          />\n        </svg>\n      ),\n    },\n    default: {\n      container: 'bg-gray-50 border border-gray-200',\n      icon: 'text-gray-600',\n      title: 'text-gray-900',\n      description: 'text-gray-800',\n      iconSvg: (\n        <svg\n          className='h-6 w-6'\n          fill='none'\n          stroke='currentColor'\n          viewBox='0 0 24 24'\n        >\n          <path\n            strokeLinecap='round'\n            strokeLinejoin='round'\n            strokeWidth={2}\n            d='M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'\n          />\n        </svg>\n      ),\n    },\n  };\n\n  const titleSizes = {\n    sm: 'text-base',\n    md: 'text-lg',\n    lg: 'text-xl',\n  };\n\n  const getButtonStyling = (\n    variant: string = 'primary',\n    size: string = 'lg'\n  ) => {\n    const variants = {\n      primary:\n        'bg-primary-500 text-white hover:bg-primary-600 focus:ring-primary-500',\n      secondary:\n        'bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500',\n      outline:\n        'bg-transparent border border-gray-300 text-gray-700 hover:bg-gray-50 focus:ring-primary-500',\n      ghost:\n        'bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-500',\n    };\n\n    const sizes = {\n      sm: 'text-sm px-3 py-1.5 h-8',\n      md: 'text-base px-4 py-2 h-10',\n      lg: 'text-lg px-6 py-3 h-12',\n    };\n\n    return cn(\n      'inline-flex items-center justify-center rounded-md font-medium transition-colors',\n      'focus:outline-hidden focus:ring-2 focus:ring-offset-2',\n      variants[variant as keyof typeof variants],\n      sizes[size as keyof typeof sizes],\n      'shadow-xs'\n    );\n  };\n\n  const currentStyles = typeStyles[type];\n\n  // Helper function to render a single CTA button\n  const renderCTAButton = (\n    ctaItem: {\n      label: string;\n      onClick: () => void;\n      href?: string;\n      variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';\n      size?: 'sm' | 'md' | 'lg';\n    },\n    index: number\n  ) => {\n    if (ctaItem.href) {\n      return (\n        <a\n          key={index}\n          href={ctaItem.href}\n          className={getButtonStyling(ctaItem.variant, ctaItem.size)}\n        >\n          {ctaItem.label}\n        </a>\n      );\n    }\n\n    return (\n      <Button\n        key={index}\n        onClick={ctaItem.onClick}\n        variant={ctaItem.variant || 'primary'}\n        size={ctaItem.size || 'md'}\n      >\n        {ctaItem.label}\n      </Button>\n    );\n  };\n\n  // CTA button (for banner with button layout)\n  if (cta) {\n    const ctaArray = Array.isArray(cta) ? cta : [cta];\n\n    return (\n      <div\n        className={cn(\n          'relative rounded-lg p-4',\n          currentStyles.container,\n          className\n        )}\n      >\n        <div className='md:flex items-center'>\n          <div\n            className={cn(\n              'mb-6 md:mb-0 md:w-2/3 md:pr-8',\n              onDismiss ? 'pr-10 md:pr-8' : ''\n            )}\n          >\n            {title && (\n              <h3\n                className={cn(\n                  'font-semibold mb-2',\n                  currentStyles.title,\n                  titleSizes[titleSize]\n                )}\n              >\n                {title}\n              </h3>\n            )}\n            <p className={currentStyles.description}>{description}</p>\n          </div>\n          <div className='md:w-1/3 flex justify-center md:justify-end'>\n            <div className='flex space-x-2 items-center'>\n              {ctaArray.map((ctaItem, index) =>\n                renderCTAButton(ctaItem, index)\n              )}\n              {onDismiss && (\n                <button\n                  onClick={onDismiss}\n                  className='absolute top-2 right-2 md:relative md:top-auto md:right-auto rounded-md p-2 transition-colors hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2'\n                  aria-label='Dismiss banner'\n                >\n                  <svg\n                    className='w-4 h-4 opacity-60'\n                    fill='currentColor'\n                    viewBox='0 0 20 20'\n                  >\n                    <path\n                      fillRule='evenodd'\n                      d='M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z'\n                      clipRule='evenodd'\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Standard banner layout (with or without icon)\n  return (\n    <div\n      className={cn(\n        'relative flex justify-between rounded-lg p-4',\n        currentStyles.container,\n        className\n      )}\n    >\n      {onDismiss && (\n        <button\n          onClick={onDismiss}\n          className='absolute top-2 right-2 md:relative md:top-auto md:right-auto md:flex md:items-center md:justify-end md:ml-3 flex-shrink-0 rounded-md p-2 transition-colors hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2'\n          aria-label='Dismiss banner'\n        >\n          <svg\n            className='w-4 h-4 opacity-60'\n            fill='currentColor'\n            viewBox='0 0 20 20'\n          >\n            <path\n              fillRule='evenodd'\n              d='M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z'\n              clipRule='evenodd'\n            />\n          </svg>\n        </button>\n      )}\n      <div\n        className={cn(\n          'flex items-center',\n          title ? 'items-start' : 'items-center',\n          onDismiss ? 'pr-10 md:pr-0' : ''\n        )}\n      >\n        {icon && (\n          <div className={cn('mr-3', title ? 'mt-1' : '', currentStyles.icon)}>\n            {currentStyles.iconSvg}\n          </div>\n        )}\n\n        <div className='flex-1'>\n          {title && (\n            <h3\n              className={cn(\n                'font-semibold',\n                currentStyles.title,\n                titleSizes[titleSize]\n              )}\n            >\n              {title}\n            </h3>\n          )}\n          <p className={cn(currentStyles.description, 'text-sm')}>\n            {description}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport { Banner };\n"],"names":["Banner","title","description","type","icon","cta","className","onDismiss","titleSize","typeStyles","jsx","titleSizes","getButtonStyling","variant","size","variants","sizes","cn","currentStyles","renderCTAButton","ctaItem","index","Button","ctaArray","jsxs"],"mappings":"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"}

package/dist/kapwa/banner/index.tsx.js

@@ -0,0 +1,309 @@
+import { j as e } from "../../jsx-runtime-DdAyboqB.js";
+import { c as t } from "../../utils-BWXuiikn.js";
+import { Button as v } from "../button/index.tsx.js";
+const w = ({
+  title: o,
+  description: d,
+  type: h = "default",
+  icon: u = !1,
+  cta: l,
+  className: c,
+  onDismiss: s,
+  titleSize: x = "lg"
+}) => {
+  const g = {
+    success: {
+      container: "bg-green-50 border border-green-200",
+      icon: "text-green-600",
+      title: "text-green-800",
+      description: "text-green-700",
+      iconSvg: /* @__PURE__ */ e.jsx(
+        "svg",
+        {
+          className: "h-6 w-6",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+            }
+          )
+        }
+      )
+    },
+    error: {
+      container: "bg-red-50 border border-red-200",
+      icon: "text-red-600",
+      title: "text-red-800",
+      description: "text-red-700",
+      iconSvg: /* @__PURE__ */ e.jsx(
+        "svg",
+        {
+          className: "h-6 w-6",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+            }
+          )
+        }
+      )
+    },
+    warning: {
+      container: "bg-yellow-50 border border-yellow-200",
+      icon: "text-yellow-600",
+      title: "text-yellow-800",
+      description: "text-yellow-700",
+      iconSvg: /* @__PURE__ */ e.jsx(
+        "svg",
+        {
+          className: "h-6 w-6",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+            }
+          )
+        }
+      )
+    },
+    info: {
+      container: "bg-blue-50 border border-blue-200",
+      icon: "text-blue-600",
+      title: "text-blue-800",
+      description: "text-blue-700",
+      iconSvg: /* @__PURE__ */ e.jsx(
+        "svg",
+        {
+          className: "h-6 w-6",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+            }
+          )
+        }
+      )
+    },
+    default: {
+      container: "bg-gray-50 border border-gray-200",
+      icon: "text-gray-600",
+      title: "text-gray-900",
+      description: "text-gray-800",
+      iconSvg: /* @__PURE__ */ e.jsx(
+        "svg",
+        {
+          className: "h-6 w-6",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+            }
+          )
+        }
+      )
+    }
+  }, m = {
+    sm: "text-base",
+    md: "text-lg",
+    lg: "text-xl"
+  }, p = (r = "primary", i = "lg") => {
+    const a = {
+      primary: "bg-primary-500 text-white hover:bg-primary-600 focus:ring-primary-500",
+      secondary: "bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500",
+      outline: "bg-transparent border border-gray-300 text-gray-700 hover:bg-gray-50 focus:ring-primary-500",
+      ghost: "bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-500"
+    }, b = {
+      sm: "text-sm px-3 py-1.5 h-8",
+      md: "text-base px-4 py-2 h-10",
+      lg: "text-lg px-6 py-3 h-12"
+    };
+    return t(
+      "inline-flex items-center justify-center rounded-md font-medium transition-colors",
+      "focus:outline-hidden focus:ring-2 focus:ring-offset-2",
+      a[r],
+      b[i],
+      "shadow-xs"
+    );
+  }, n = g[h], f = (r, i) => r.href ? /* @__PURE__ */ e.jsx(
+    "a",
+    {
+      href: r.href,
+      className: p(r.variant, r.size),
+      children: r.label
+    },
+    i
+  ) : /* @__PURE__ */ e.jsx(
+    v,
+    {
+      onClick: r.onClick,
+      variant: r.variant || "primary",
+      size: r.size || "md",
+      children: r.label
+    },
+    i
+  );
+  if (l) {
+    const r = Array.isArray(l) ? l : [l];
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: t(
+          "relative rounded-lg p-4",
+          n.container,
+          c
+        ),
+        children: /* @__PURE__ */ e.jsxs("div", { className: "md:flex items-center", children: [
+          /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: t(
+                "mb-6 md:mb-0 md:w-2/3 md:pr-8",
+                s ? "pr-10 md:pr-8" : ""
+              ),
+              children: [
+                o && /* @__PURE__ */ e.jsx(
+                  "h3",
+                  {
+                    className: t(
+                      "font-semibold mb-2",
+                      n.title,
+                      m[x]
+                    ),
+                    children: o
+                  }
+                ),
+                /* @__PURE__ */ e.jsx("p", { className: n.description, children: d })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsx("div", { className: "md:w-1/3 flex justify-center md:justify-end", children: /* @__PURE__ */ e.jsxs("div", { className: "flex space-x-2 items-center", children: [
+            r.map(
+              (i, a) => f(i, a)
+            ),
+            s && /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                onClick: s,
+                className: "absolute top-2 right-2 md:relative md:top-auto md:right-auto rounded-md p-2 transition-colors hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2",
+                "aria-label": "Dismiss banner",
+                children: /* @__PURE__ */ e.jsx(
+                  "svg",
+                  {
+                    className: "w-4 h-4 opacity-60",
+                    fill: "currentColor",
+                    viewBox: "0 0 20 20",
+                    children: /* @__PURE__ */ e.jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+                        clipRule: "evenodd"
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ] }) })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: t(
+        "relative flex justify-between rounded-lg p-4",
+        n.container,
+        c
+      ),
+      children: [
+        s && /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: s,
+            className: "absolute top-2 right-2 md:relative md:top-auto md:right-auto md:flex md:items-center md:justify-end md:ml-3 flex-shrink-0 rounded-md p-2 transition-colors hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2",
+            "aria-label": "Dismiss banner",
+            children: /* @__PURE__ */ e.jsx(
+              "svg",
+              {
+                className: "w-4 h-4 opacity-60",
+                fill: "currentColor",
+                viewBox: "0 0 20 20",
+                children: /* @__PURE__ */ e.jsx(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+                    clipRule: "evenodd"
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: t(
+              "flex items-center",
+              o ? "items-start" : "items-center",
+              s ? "pr-10 md:pr-0" : ""
+            ),
+            children: [
+              u && /* @__PURE__ */ e.jsx("div", { className: t("mr-3", o ? "mt-1" : "", n.icon), children: n.iconSvg }),
+              /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+                o && /* @__PURE__ */ e.jsx(
+                  "h3",
+                  {
+                    className: t(
+                      "font-semibold",
+                      n.title,
+                      m[x]
+                    ),
+                    children: o
+                  }
+                ),
+                /* @__PURE__ */ e.jsx("p", { className: t(n.description, "text-sm"), children: d })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  w as Banner
+};
+//# sourceMappingURL=index.tsx.js.map

package/dist/kapwa/banner/index.tsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.tsx.js","sources":["../../../src/kapwa/banner/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '@lib/utils';\nimport { Button } from '../button';\n\nexport type BannerType = 'info' | 'warning' | 'error' | 'success' | 'default';\n\nexport interface BannerProps {\n  title?: string;\n  description: string;\n  type?: BannerType;\n  icon?: boolean;\n  cta?:\n    | {\n        label: string;\n        onClick: () => void;\n        href?: string;\n        variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';\n        size?: 'sm' | 'md' | 'lg';\n      }\n    | Array<{\n        label: string;\n        onClick: () => void;\n        href?: string;\n        variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';\n        size?: 'sm' | 'md' | 'lg';\n      }>;\n  className?: string;\n  onDismiss?: () => void;\n  titleSize?: 'sm' | 'md' | 'lg';\n}\n\nconst Banner: React.FC<BannerProps> = ({\n  title,\n  description,\n  type = 'default',\n  icon = false,\n  cta,\n  className,\n  onDismiss,\n  titleSize = 'lg',\n}) => {\n  const typeStyles = {\n    success: {\n      container: 'bg-green-50 border border-green-200',\n      icon: 'text-green-600',\n      title: 'text-green-800',\n      description: 'text-green-700',\n      iconSvg: (\n        <svg\n          className='h-6 w-6'\n          fill='none'\n          stroke='currentColor'\n          viewBox='0 0 24 24'\n        >\n          <path\n            strokeLinecap='round'\n            strokeLinejoin='round'\n            strokeWidth={2}\n            d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'\n          />\n        </svg>\n      ),\n    },\n    error: {\n      container: 'bg-red-50 border border-red-200',\n      icon: 'text-red-600',\n      title: 'text-red-800',\n      description: 'text-red-700',\n      iconSvg: (\n        <svg\n          className='h-6 w-6'\n          fill='none'\n          stroke='currentColor'\n          viewBox='0 0 24 24'\n        >\n          <path\n            strokeLinecap='round'\n            strokeLinejoin='round'\n            strokeWidth={2}\n            d='M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'\n          />\n        </svg>\n      ),\n    },\n    warning: {\n      container: 'bg-yellow-50 border border-yellow-200',\n      icon: 'text-yellow-600',\n      title: 'text-yellow-800',\n      description: 'text-yellow-700',\n      iconSvg: (\n        <svg\n          className='h-6 w-6'\n          fill='none'\n          stroke='currentColor'\n          viewBox='0 0 24 24'\n        >\n          <path\n            strokeLinecap='round'\n            strokeLinejoin='round'\n            strokeWidth={2}\n            d='M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'\n          />\n        </svg>\n      ),\n    },\n    info: {\n      container: 'bg-blue-50 border border-blue-200',\n      icon: 'text-blue-600',\n      title: 'text-blue-800',\n      description: 'text-blue-700',\n      iconSvg: (\n        <svg\n          className='h-6 w-6'\n          fill='none'\n          stroke='currentColor'\n          viewBox='0 0 24 24'\n        >\n          <path\n            strokeLinecap='round'\n            strokeLinejoin='round'\n            strokeWidth={2}\n            d='M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'\n          />\n        </svg>\n      ),\n    },\n    default: {\n      container: 'bg-gray-50 border border-gray-200',\n      icon: 'text-gray-600',\n      title: 'text-gray-900',\n      description: 'text-gray-800',\n      iconSvg: (\n        <svg\n          className='h-6 w-6'\n          fill='none'\n          stroke='currentColor'\n          viewBox='0 0 24 24'\n        >\n          <path\n            strokeLinecap='round'\n            strokeLinejoin='round'\n            strokeWidth={2}\n            d='M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'\n          />\n        </svg>\n      ),\n    },\n  };\n\n  const titleSizes = {\n    sm: 'text-base',\n    md: 'text-lg',\n    lg: 'text-xl',\n  };\n\n  const getButtonStyling = (\n    variant: string = 'primary',\n    size: string = 'lg'\n  ) => {\n    const variants = {\n      primary:\n        'bg-primary-500 text-white hover:bg-primary-600 focus:ring-primary-500',\n      secondary:\n        'bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500',\n      outline:\n        'bg-transparent border border-gray-300 text-gray-700 hover:bg-gray-50 focus:ring-primary-500',\n      ghost:\n        'bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-500',\n    };\n\n    const sizes = {\n      sm: 'text-sm px-3 py-1.5 h-8',\n      md: 'text-base px-4 py-2 h-10',\n      lg: 'text-lg px-6 py-3 h-12',\n    };\n\n    return cn(\n      'inline-flex items-center justify-center rounded-md font-medium transition-colors',\n      'focus:outline-hidden focus:ring-2 focus:ring-offset-2',\n      variants[variant as keyof typeof variants],\n      sizes[size as keyof typeof sizes],\n      'shadow-xs'\n    );\n  };\n\n  const currentStyles = typeStyles[type];\n\n  // Helper function to render a single CTA button\n  const renderCTAButton = (\n    ctaItem: {\n      label: string;\n      onClick: () => void;\n      href?: string;\n      variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';\n      size?: 'sm' | 'md' | 'lg';\n    },\n    index: number\n  ) => {\n    if (ctaItem.href) {\n      return (\n        <a\n          key={index}\n          href={ctaItem.href}\n          className={getButtonStyling(ctaItem.variant, ctaItem.size)}\n        >\n          {ctaItem.label}\n        </a>\n      );\n    }\n\n    return (\n      <Button\n        key={index}\n        onClick={ctaItem.onClick}\n        variant={ctaItem.variant || 'primary'}\n        size={ctaItem.size || 'md'}\n      >\n        {ctaItem.label}\n      </Button>\n    );\n  };\n\n  // CTA button (for banner with button layout)\n  if (cta) {\n    const ctaArray = Array.isArray(cta) ? cta : [cta];\n\n    return (\n      <div\n        className={cn(\n          'relative rounded-lg p-4',\n          currentStyles.container,\n          className\n        )}\n      >\n        <div className='md:flex items-center'>\n          <div\n            className={cn(\n              'mb-6 md:mb-0 md:w-2/3 md:pr-8',\n              onDismiss ? 'pr-10 md:pr-8' : ''\n            )}\n          >\n            {title && (\n              <h3\n                className={cn(\n                  'font-semibold mb-2',\n                  currentStyles.title,\n                  titleSizes[titleSize]\n                )}\n              >\n                {title}\n              </h3>\n            )}\n            <p className={currentStyles.description}>{description}</p>\n          </div>\n          <div className='md:w-1/3 flex justify-center md:justify-end'>\n            <div className='flex space-x-2 items-center'>\n              {ctaArray.map((ctaItem, index) =>\n                renderCTAButton(ctaItem, index)\n              )}\n              {onDismiss && (\n                <button\n                  onClick={onDismiss}\n                  className='absolute top-2 right-2 md:relative md:top-auto md:right-auto rounded-md p-2 transition-colors hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2'\n                  aria-label='Dismiss banner'\n                >\n                  <svg\n                    className='w-4 h-4 opacity-60'\n                    fill='currentColor'\n                    viewBox='0 0 20 20'\n                  >\n                    <path\n                      fillRule='evenodd'\n                      d='M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z'\n                      clipRule='evenodd'\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Standard banner layout (with or without icon)\n  return (\n    <div\n      className={cn(\n        'relative flex justify-between rounded-lg p-4',\n        currentStyles.container,\n        className\n      )}\n    >\n      {onDismiss && (\n        <button\n          onClick={onDismiss}\n          className='absolute top-2 right-2 md:relative md:top-auto md:right-auto md:flex md:items-center md:justify-end md:ml-3 flex-shrink-0 rounded-md p-2 transition-colors hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2'\n          aria-label='Dismiss banner'\n        >\n          <svg\n            className='w-4 h-4 opacity-60'\n            fill='currentColor'\n            viewBox='0 0 20 20'\n          >\n            <path\n              fillRule='evenodd'\n              d='M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z'\n              clipRule='evenodd'\n            />\n          </svg>\n        </button>\n      )}\n      <div\n        className={cn(\n          'flex items-center',\n          title ? 'items-start' : 'items-center',\n          onDismiss ? 'pr-10 md:pr-0' : ''\n        )}\n      >\n        {icon && (\n          <div className={cn('mr-3', title ? 'mt-1' : '', currentStyles.icon)}>\n            {currentStyles.iconSvg}\n          </div>\n        )}\n\n        <div className='flex-1'>\n          {title && (\n            <h3\n              className={cn(\n                'font-semibold',\n                currentStyles.title,\n                titleSizes[titleSize]\n              )}\n            >\n              {title}\n            </h3>\n          )}\n          <p className={cn(currentStyles.description, 'text-sm')}>\n            {description}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport { Banner };\n"],"names":["Banner","title","description","type","icon","cta","className","onDismiss","titleSize","typeStyles","jsx","titleSizes","getButtonStyling","variant","size","variants","sizes","cn","currentStyles","renderCTAButton","ctaItem","index","Button","ctaArray","jsxs"],"mappings":"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"}

package/dist/kapwa/button/hooks/index.d.ts

@@ -0,0 +1 @@
+export declare const useTestHook: () => void;

package/dist/kapwa/button/hooks/index.ts.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>{};exports.useTestHook=e;
+//# sourceMappingURL=index.ts.cjs.map

package/dist/kapwa/button/hooks/index.ts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts.cjs","sources":["../../../../src/kapwa/button/hooks/index.ts"],"sourcesContent":["export const useTestHook = () => {};\n"],"names":["useTestHook"],"mappings":"gFAAO,MAAMA,EAAc,IAAM,CAAC"}

package/dist/kapwa/button/hooks/index.ts.js

@@ -0,0 +1,6 @@
+const o = () => {
+};
+export {
+  o as useTestHook
+};
+//# sourceMappingURL=index.ts.js.map

package/dist/kapwa/button/hooks/index.ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts.js","sources":["../../../../src/kapwa/button/hooks/index.ts"],"sourcesContent":["export const useTestHook = () => {};\n"],"names":["useTestHook"],"mappings":"AAAO,MAAMA,IAAc,MAAM;AAAC;"}

package/dist/kapwa/button/index.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    isLoading?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+}
+declare const Button: ({ children, className, variant, size, fullWidth, isLoading, leftIcon, rightIcon, disabled, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { Button };

package/dist/kapwa/button/index.tsx.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../jsx-runtime-KWq1EBG2.cjs"),y=require("../../utils-GVl92sVg.cjs"),g=({children:i,className:a,variant:t="primary",size:c="md",fullWidth:l=!1,isLoading:e=!1,leftIcon:s,rightIcon:n,disabled:u,...m})=>{const x={primary:"bg-primary-500 text-white hover:bg-primary-600 focus:ring-primary-500",secondary:"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500",outline:"bg-transparent border border-gray-300 text-gray-700 hover:bg-gray-50 focus:ring-primary-500",ghost:"bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-500",link:"bg-transparent text-primary-500 hover:underline p-0 h-auto focus:ring-0"},p={sm:"text-sm px-3 py-1.5 h-8",md:"text-base px-4 py-2 h-10",lg:"text-lg px-6 py-3 h-12"},o=u||e;return r.jsxRuntimeExports.jsxs("button",{className:y.cn("inline-flex items-center justify-center rounded-md font-medium transition-colors","focus:outline-hidden focus:ring-2 focus:ring-offset-2",x[t],p[c],l?"w-full":"",o?"opacity-60 cursor-not-allowed":"",t!=="link"&&"shadow-xs",a),disabled:o,...m,children:[e&&r.jsxRuntimeExports.jsxs("svg",{className:"animate-spin -ml-1 mr-2 h-4 w-4 text-current",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[r.jsxRuntimeExports.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r.jsxRuntimeExports.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),!e&&s&&r.jsxRuntimeExports.jsx("span",{className:"mr-2",children:s}),i,!e&&n&&r.jsxRuntimeExports.jsx("span",{className:"ml-2",children:n})]})};exports.Button=g;
+//# sourceMappingURL=index.tsx.cjs.map

package/dist/kapwa/button/index.tsx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.tsx.cjs","sources":["../../../src/kapwa/button/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '@lib/utils';\n\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  children: React.ReactNode;\n  variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';\n  size?: 'sm' | 'md' | 'lg';\n  fullWidth?: boolean;\n  isLoading?: boolean;\n  leftIcon?: React.ReactNode;\n  rightIcon?: React.ReactNode;\n}\n\nconst Button = ({\n  children,\n  className,\n  variant = 'primary',\n  size = 'md',\n  fullWidth = false,\n  isLoading = false,\n  leftIcon,\n  rightIcon,\n  disabled,\n  ...props\n}: ButtonProps) => {\n  const variants = {\n    primary:\n      'bg-primary-500 text-white hover:bg-primary-600 focus:ring-primary-500',\n    secondary:\n      'bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500',\n    outline:\n      'bg-transparent border border-gray-300 text-gray-700 hover:bg-gray-50 focus:ring-primary-500',\n    ghost: 'bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-500',\n    link: 'bg-transparent text-primary-500 hover:underline p-0 h-auto focus:ring-0',\n  };\n\n  const sizes = {\n    sm: 'text-sm px-3 py-1.5 h-8',\n    md: 'text-base px-4 py-2 h-10',\n    lg: 'text-lg px-6 py-3 h-12',\n  };\n\n  const isDisabled = disabled || isLoading;\n\n  return (\n    <button\n      className={cn(\n        'inline-flex items-center justify-center rounded-md font-medium transition-colors',\n        'focus:outline-hidden focus:ring-2 focus:ring-offset-2',\n        variants[variant],\n        sizes[size],\n        fullWidth ? 'w-full' : '',\n        isDisabled ? 'opacity-60 cursor-not-allowed' : '',\n        variant !== 'link' && 'shadow-xs',\n        className\n      )}\n      disabled={isDisabled}\n      {...props}\n    >\n      {isLoading && (\n        <svg\n          className='animate-spin -ml-1 mr-2 h-4 w-4 text-current'\n          xmlns='http://www.w3.org/2000/svg'\n          fill='none'\n          viewBox='0 0 24 24'\n        >\n          <circle\n            className='opacity-25'\n            cx='12'\n            cy='12'\n            r='10'\n            stroke='currentColor'\n            strokeWidth='4'\n          ></circle>\n          <path\n            className='opacity-75'\n            fill='currentColor'\n            d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n          ></path>\n        </svg>\n      )}\n      {!isLoading && leftIcon && <span className='mr-2'>{leftIcon}</span>}\n      {children}\n      {!isLoading && rightIcon && <span className='ml-2'>{rightIcon}</span>}\n    </button>\n  );\n};\n\nexport { Button };\n"],"names":["Button","children","className","variant","size","fullWidth","isLoading","leftIcon","rightIcon","disabled","props","variants","sizes","isDisabled","jsxs","cn","jsx"],"mappings":"wKAaMA,EAAS,CAAC,CACd,SAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,UAAAC,EAAY,GACZ,UAAAC,EAAY,GACZ,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAmB,CACjB,MAAMC,EAAW,CACf,QACE,wEACF,UACE,8EACF,QACE,8FACF,MAAO,qEACP,KAAM,yEAAA,EAGFC,EAAQ,CACZ,GAAI,0BACJ,GAAI,2BACJ,GAAI,wBAAA,EAGAC,EAAaJ,GAAYH,EAE/B,OACEQ,EAAAA,kBAAAA,KAAC,SAAA,CACC,UAAWC,EAAAA,GACT,mFACA,wDACAJ,EAASR,CAAO,EAChBS,EAAMR,CAAI,EACVC,EAAY,SAAW,GACvBQ,EAAa,gCAAkC,GAC/CV,IAAY,QAAU,YACtBD,CAAA,EAEF,SAAUW,EACT,GAAGH,EAEH,SAAA,CAAAJ,GACCQ,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAU,+CACV,MAAM,6BACN,KAAK,OACL,QAAQ,YAER,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,SAAA,CACC,UAAU,aACV,GAAG,KACH,GAAG,KACH,EAAE,KACF,OAAO,eACP,YAAY,GAAA,CAAA,EAEdA,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAU,aACV,KAAK,eACL,EAAE,iHAAA,CAAA,CACH,CAAA,CAAA,EAGJ,CAACV,GAAaC,2BAAa,OAAA,CAAK,UAAU,OAAQ,SAAAA,EAAS,EAC3DN,EACA,CAACK,GAAaE,2BAAc,OAAA,CAAK,UAAU,OAAQ,SAAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAGpE"}