automoby-kit 1.0.2 → 1.0.4

package/dist/{index.esm.js → types/MobileContext-D-Cbqeno.js}

@@ -1,685 +1,5 @@
-import React, { createContext, useContext, useMemo, useState, useId, useRef, useEffect, forwardRef, createElement } from 'react';
-
-var jsxRuntime = {exports: {}};
-
-var reactJsxRuntime_production = {};
-
-/**
- * @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 hasRequiredReactJsxRuntime_production;
-
-function requireReactJsxRuntime_production () {
-	if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
-	hasRequiredReactJsxRuntime_production = 1;
-	var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
-	  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-	function jsxProd(type, config, maybeKey) {
-	  var key = null;
-	  void 0 !== maybeKey && (key = "" + maybeKey);
-	  void 0 !== config.key && (key = "" + config.key);
-	  if ("key" in config) {
-	    maybeKey = {};
-	    for (var propName in config)
-	      "key" !== propName && (maybeKey[propName] = config[propName]);
-	  } else maybeKey = config;
-	  config = maybeKey.ref;
-	  return {
-	    $$typeof: REACT_ELEMENT_TYPE,
-	    type: type,
-	    key: key,
-	    ref: void 0 !== config ? config : null,
-	    props: maybeKey
-	  };
-	}
-	reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
-	reactJsxRuntime_production.jsx = jsxProd;
-	reactJsxRuntime_production.jsxs = jsxProd;
-	return reactJsxRuntime_production;
-}
-
-var reactJsxRuntime_development = {};
-
-/**
- * @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 hasRequiredReactJsxRuntime_development;
-
-function requireReactJsxRuntime_development () {
-	if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
-	hasRequiredReactJsxRuntime_development = 1;
-	"production" !== process.env.NODE_ENV &&
-	  (function () {
-	    function getComponentNameFromType(type) {
-	      if (null == type) return null;
-	      if ("function" === typeof type)
-	        return type.$$typeof === REACT_CLIENT_REFERENCE
-	          ? null
-	          : type.displayName || type.name || null;
-	      if ("string" === typeof type) return type;
-	      switch (type) {
-	        case REACT_FRAGMENT_TYPE:
-	          return "Fragment";
-	        case REACT_PROFILER_TYPE:
-	          return "Profiler";
-	        case REACT_STRICT_MODE_TYPE:
-	          return "StrictMode";
-	        case REACT_SUSPENSE_TYPE:
-	          return "Suspense";
-	        case REACT_SUSPENSE_LIST_TYPE:
-	          return "SuspenseList";
-	        case REACT_ACTIVITY_TYPE:
-	          return "Activity";
-	      }
-	      if ("object" === typeof type)
-	        switch (
-	          ("number" === typeof type.tag &&
-	            console.error(
-	              "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-	            ),
-	          type.$$typeof)
-	        ) {
-	          case REACT_PORTAL_TYPE:
-	            return "Portal";
-	          case REACT_CONTEXT_TYPE:
-	            return (type.displayName || "Context") + ".Provider";
-	          case REACT_CONSUMER_TYPE:
-	            return (type._context.displayName || "Context") + ".Consumer";
-	          case REACT_FORWARD_REF_TYPE:
-	            var innerType = type.render;
-	            type = type.displayName;
-	            type ||
-	              ((type = innerType.displayName || innerType.name || ""),
-	              (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
-	            return type;
-	          case REACT_MEMO_TYPE:
-	            return (
-	              (innerType = type.displayName || null),
-	              null !== innerType
-	                ? innerType
-	                : getComponentNameFromType(type.type) || "Memo"
-	            );
-	          case REACT_LAZY_TYPE:
-	            innerType = type._payload;
-	            type = type._init;
-	            try {
-	              return getComponentNameFromType(type(innerType));
-	            } catch (x) {}
-	        }
-	      return null;
-	    }
-	    function testStringCoercion(value) {
-	      return "" + value;
-	    }
-	    function checkKeyStringCoercion(value) {
-	      try {
-	        testStringCoercion(value);
-	        var JSCompiler_inline_result = !1;
-	      } catch (e) {
-	        JSCompiler_inline_result = true;
-	      }
-	      if (JSCompiler_inline_result) {
-	        JSCompiler_inline_result = console;
-	        var JSCompiler_temp_const = JSCompiler_inline_result.error;
-	        var JSCompiler_inline_result$jscomp$0 =
-	          ("function" === typeof Symbol &&
-	            Symbol.toStringTag &&
-	            value[Symbol.toStringTag]) ||
-	          value.constructor.name ||
-	          "Object";
-	        JSCompiler_temp_const.call(
-	          JSCompiler_inline_result,
-	          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-	          JSCompiler_inline_result$jscomp$0
-	        );
-	        return testStringCoercion(value);
-	      }
-	    }
-	    function getTaskName(type) {
-	      if (type === REACT_FRAGMENT_TYPE) return "<>";
-	      if (
-	        "object" === typeof type &&
-	        null !== type &&
-	        type.$$typeof === REACT_LAZY_TYPE
-	      )
-	        return "<...>";
-	      try {
-	        var name = getComponentNameFromType(type);
-	        return name ? "<" + name + ">" : "<...>";
-	      } catch (x) {
-	        return "<...>";
-	      }
-	    }
-	    function getOwner() {
-	      var dispatcher = ReactSharedInternals.A;
-	      return null === dispatcher ? null : dispatcher.getOwner();
-	    }
-	    function UnknownOwner() {
-	      return Error("react-stack-top-frame");
-	    }
-	    function hasValidKey(config) {
-	      if (hasOwnProperty.call(config, "key")) {
-	        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
-	        if (getter && getter.isReactWarning) return false;
-	      }
-	      return void 0 !== config.key;
-	    }
-	    function defineKeyPropWarningGetter(props, displayName) {
-	      function warnAboutAccessingKey() {
-	        specialPropKeyWarningShown ||
-	          ((specialPropKeyWarningShown = true),
-	          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)",
-	            displayName
-	          ));
-	      }
-	      warnAboutAccessingKey.isReactWarning = true;
-	      Object.defineProperty(props, "key", {
-	        get: warnAboutAccessingKey,
-	        configurable: true
-	      });
-	    }
-	    function elementRefGetterWithDeprecationWarning() {
-	      var componentName = getComponentNameFromType(this.type);
-	      didWarnAboutElementRef[componentName] ||
-	        ((didWarnAboutElementRef[componentName] = true),
-	        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."
-	        ));
-	      componentName = this.props.ref;
-	      return void 0 !== componentName ? componentName : null;
-	    }
-	    function ReactElement(
-	      type,
-	      key,
-	      self,
-	      source,
-	      owner,
-	      props,
-	      debugStack,
-	      debugTask
-	    ) {
-	      self = props.ref;
-	      type = {
-	        $$typeof: REACT_ELEMENT_TYPE,
-	        type: type,
-	        key: key,
-	        props: props,
-	        _owner: owner
-	      };
-	      null !== (void 0 !== self ? self : null)
-	        ? Object.defineProperty(type, "ref", {
-	            enumerable: false,
-	            get: elementRefGetterWithDeprecationWarning
-	          })
-	        : Object.defineProperty(type, "ref", { enumerable: false, value: null });
-	      type._store = {};
-	      Object.defineProperty(type._store, "validated", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: 0
-	      });
-	      Object.defineProperty(type, "_debugInfo", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: null
-	      });
-	      Object.defineProperty(type, "_debugStack", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: debugStack
-	      });
-	      Object.defineProperty(type, "_debugTask", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: debugTask
-	      });
-	      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
-	      return type;
-	    }
-	    function jsxDEVImpl(
-	      type,
-	      config,
-	      maybeKey,
-	      isStaticChildren,
-	      source,
-	      self,
-	      debugStack,
-	      debugTask
-	    ) {
-	      var children = config.children;
-	      if (void 0 !== children)
-	        if (isStaticChildren)
-	          if (isArrayImpl(children)) {
-	            for (
-	              isStaticChildren = 0;
-	              isStaticChildren < children.length;
-	              isStaticChildren++
-	            )
-	              validateChildKeys(children[isStaticChildren]);
-	            Object.freeze && Object.freeze(children);
-	          } 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 validateChildKeys(children);
-	      if (hasOwnProperty.call(config, "key")) {
-	        children = getComponentNameFromType(type);
-	        var keys = Object.keys(config).filter(function (k) {
-	          return "key" !== k;
-	        });
-	        isStaticChildren =
-	          0 < keys.length
-	            ? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
-	            : "{key: someKey}";
-	        didWarnAboutKeySpread[children + isStaticChildren] ||
-	          ((keys =
-	            0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
-	          console.error(
-	            '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} />',
-	            isStaticChildren,
-	            children,
-	            keys,
-	            children
-	          ),
-	          (didWarnAboutKeySpread[children + isStaticChildren] = true));
-	      }
-	      children = null;
-	      void 0 !== maybeKey &&
-	        (checkKeyStringCoercion(maybeKey), (children = "" + maybeKey));
-	      hasValidKey(config) &&
-	        (checkKeyStringCoercion(config.key), (children = "" + config.key));
-	      if ("key" in config) {
-	        maybeKey = {};
-	        for (var propName in config)
-	          "key" !== propName && (maybeKey[propName] = config[propName]);
-	      } else maybeKey = config;
-	      children &&
-	        defineKeyPropWarningGetter(
-	          maybeKey,
-	          "function" === typeof type
-	            ? type.displayName || type.name || "Unknown"
-	            : type
-	        );
-	      return ReactElement(
-	        type,
-	        children,
-	        self,
-	        source,
-	        getOwner(),
-	        maybeKey,
-	        debugStack,
-	        debugTask
-	      );
-	    }
-	    function validateChildKeys(node) {
-	      "object" === typeof node &&
-	        null !== node &&
-	        node.$$typeof === REACT_ELEMENT_TYPE &&
-	        node._store &&
-	        (node._store.validated = 1);
-	    }
-	    var React$1 = React,
-	      REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
-	      REACT_PORTAL_TYPE = Symbol.for("react.portal"),
-	      REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
-	      REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
-	      REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-	    var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
-	      REACT_CONTEXT_TYPE = Symbol.for("react.context"),
-	      REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
-	      REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
-	      REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
-	      REACT_MEMO_TYPE = Symbol.for("react.memo"),
-	      REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-	      REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
-	      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
-	      ReactSharedInternals =
-	        React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-	      hasOwnProperty = Object.prototype.hasOwnProperty,
-	      isArrayImpl = Array.isArray,
-	      createTask = console.createTask
-	        ? console.createTask
-	        : function () {
-	            return null;
-	          };
-	    React$1 = {
-	      "react-stack-bottom-frame": function (callStackForError) {
-	        return callStackForError();
-	      }
-	    };
-	    var specialPropKeyWarningShown;
-	    var didWarnAboutElementRef = {};
-	    var unknownOwnerDebugStack = React$1["react-stack-bottom-frame"].bind(
-	      React$1,
-	      UnknownOwner
-	    )();
-	    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
-	    var didWarnAboutKeySpread = {};
-	    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
-	    reactJsxRuntime_development.jsx = function (type, config, maybeKey, source, self) {
-	      var trackActualOwner =
-	        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-	      return jsxDEVImpl(
-	        type,
-	        config,
-	        maybeKey,
-	        false,
-	        source,
-	        self,
-	        trackActualOwner
-	          ? Error("react-stack-top-frame")
-	          : unknownOwnerDebugStack,
-	        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-	      );
-	    };
-	    reactJsxRuntime_development.jsxs = function (type, config, maybeKey, source, self) {
-	      var trackActualOwner =
-	        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-	      return jsxDEVImpl(
-	        type,
-	        config,
-	        maybeKey,
-	        true,
-	        source,
-	        self,
-	        trackActualOwner
-	          ? Error("react-stack-top-frame")
-	          : unknownOwnerDebugStack,
-	        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-	      );
-	    };
-	  })();
-	return reactJsxRuntime_development;
-}
-
-var hasRequiredJsxRuntime;
-
-function requireJsxRuntime () {
-	if (hasRequiredJsxRuntime) return jsxRuntime.exports;
-	hasRequiredJsxRuntime = 1;
-
-	if (process.env.NODE_ENV === 'production') {
-	  jsxRuntime.exports = requireReactJsxRuntime_production();
-	} else {
-	  jsxRuntime.exports = requireReactJsxRuntime_development();
-	}
-	return jsxRuntime.exports;
-}
-
-var jsxRuntimeExports = requireJsxRuntime();
-
-/**
- * License Manager for Automoby Kit
- * Handles runtime key validation and component access control
- */
-class LicenseManager {
-    static instance;
-    isInitialized = false;
-    isValid = false;
-    licenseKey = null;
-    // Valid license keys - in production, these would be validated against your backend
-    validKeys = ['automoby-kit-war-key-2025'];
-    constructor() {
-        // Private constructor for singleton pattern
-    }
-    static getInstance() {
-        if (!LicenseManager.instance) {
-            LicenseManager.instance = new LicenseManager();
-        }
-        return LicenseManager.instance;
-    }
-    /**
-     * Initialize the license with provided configuration
-     */
-    initialize(config) {
-        try {
-            this.licenseKey = config.key;
-            // Validate the license key
-            this.isValid = this.validateLicense(config.key);
-            this.isInitialized = true;
-            if (this.isValid) {
-                console.log('✅ Automoby Kit initialized successfully');
-                return true;
-            }
-            console.error('❌ Invalid license key provided for Automoby Kit');
-            return false;
-        }
-        catch (error) {
-            console.error('❌ Failed to initialize Automoby Kit:', error);
-            this.isValid = false;
-            this.isInitialized = true;
-            return false;
-        }
-    }
-    /**
-     * Validate license key (in production, this would call your backend)
-     */
-    validateLicense(key) {
-        // Basic validation - empty key is invalid
-        if (!key || key.trim() === '') {
-            return false;
-        }
-        // For demo purposes, we're using hardcoded keys
-        // In production, you would validate against your backend API
-        return this.validKeys.includes(key);
-    }
-    /**
-     * Check if the license is valid and components can be used
-     */
-    canUseComponents() {
-        if (!this.isInitialized) {
-            console.error('❌ Automoby Kit not initialized. Please call initializeAutomobiKit() with your license key.');
-            return false;
-        }
-        if (!this.isValid) {
-            console.error('❌ Invalid license key. Please contact support or provide a valid license key.');
-            return false;
-        }
-        return true;
-    }
-    /**
-     * Get current license status
-     */
-    getLicenseStatus() {
-        return {
-            initialized: this.isInitialized,
-            valid: this.isValid,
-            key: this.licenseKey ? `${this.licenseKey.substring(0, 8)}...` : null,
-        };
-    }
-    /**
-     * Reset license state (useful for testing)
-     */
-    reset() {
-        this.isInitialized = false;
-        this.isValid = false;
-        this.licenseKey = null;
-    }
-}
-
-/**
- * Initialize Automoby Kit with your license key
- * This function must be called before using any components
- *
- * @param config - License configuration
- * @returns boolean indicating success
- *
- * @example
- * ```typescript
- * import { initializeAutomobiKit } from 'automoby-kit';
- *
- * // Initialize with your license key
- * const success = initializeAutomobiKit({
- *   key: 'your-license-key-here',
- *   domain: 'yourdomain.com', // optional
- *   environment: 'production' // optional
- * });
- *
- * if (success) {
- *   // Now you can use components
- * }
- * ```
- */
-function initializeAutomobiKit(config) {
-    const licenseManager = LicenseManager.getInstance();
-    return licenseManager.initialize(config);
-}
-/**
- * Check if components can be used
- */
-function canUseComponents() {
-    const licenseManager = LicenseManager.getInstance();
-    return licenseManager.canUseComponents();
-}
-
-/**
- * Higher-order component that protects components with license validation
- */
-function withLicenseProtection(Component, componentName) {
-    const ProtectedComponent = React.forwardRef((props, ref) => {
-        if (!canUseComponents()) {
-            // Return a placeholder component with error styling
-            return (jsxRuntimeExports.jsxs("div", { style: {
-                    padding: '16px',
-                    border: '2px dashed #ef4444',
-                    borderRadius: '8px',
-                    backgroundColor: '#fef2f2',
-                    color: '#dc2626',
-                    textAlign: 'center',
-                    fontFamily: 'system-ui, sans-serif',
-                    fontSize: '14px',
-                    maxWidth: '400px',
-                    margin: '16px auto',
-                }, children: [jsxRuntimeExports.jsx("div", { style: { fontWeight: 'bold', marginBottom: '8px' }, children: "\uD83D\uDD12 License Required" }), jsxRuntimeExports.jsxs("div", { style: { marginBottom: '8px' }, children: ["Component \"", componentName, "\" requires a valid license key."] }), jsxRuntimeExports.jsx("div", { style: { fontSize: '12px', opacity: 0.8 }, children: "Please initialize Automoby Kit with your license key before using components." })] }));
-        }
-        // If license is valid, render the actual component
-        // Use type assertion to handle the generic component props properly
-        return jsxRuntimeExports.jsx(Component, { ...props, ref: ref });
-    });
-    ProtectedComponent.displayName = `Protected(${componentName})`;
-    return ProtectedComponent;
-}
-
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
-
-function cn(...inputs) {
-    return clsx(inputs);
-}
-
-const variantClasses$1 = {
-    // Headings with Fat weight (900)
-    h1: 'text-[36px] font-[var(--font-weight-fat)]',
-    h2: 'text-[32px] font-[var(--font-weight-fat)]',
-    h3: 'text-[28px] font-[var(--font-weight-fat)]',
-    h4: 'text-[24px] font-[var(--font-weight-heavy)]',
-    h5: 'text-[22px] font-[var(--font-weight-heavy)]',
-    h6: 'text-[20px] font-[var(--font-weight-heavy)]',
-    // Body Copy with specific weight variants
-    'body-xl-heavy': 'text-[20px] font-[var(--font-weight-heavy)]',
-    'body-l-heavy': 'text-[18px] font-[var(--font-weight-heavy)]',
-    'body-l-bold': 'text-[18px] font-[var(--font-weight-bold)]',
-    'body-l-medium': 'text-[18px] font-[var(--font-weight-medium)]',
-    'body-m-heavy': 'text-[16px] font-[var(--font-weight-heavy)]',
-    'body-m-bold': 'text-[16px] font-[var(--font-weight-bold)]',
-    'body-m-medium': 'text-[16px] font-[var(--font-weight-medium)]',
-    'body-s-heavy': 'text-[14px] font-[var(--font-weight-heavy)]',
-    'body-s-bold': 'text-[14px] font-[var(--font-weight-bold)]',
-    'body-s-medium': 'text-[14px] font-[var(--font-weight-medium)]',
-    'body-ms-bold': 'text-[13px] font-[var(--font-weight-bold)]',
-    'body-ms-medium': 'text-[13px] font-[var(--font-weight-medium)]',
-    'body-xs-bold': 'text-[12px] font-[var(--font-weight-bold)]',
-    'body-xs-medium': 'text-[12px] font-[var(--font-weight-medium)]',
-    'body-t-bold': 'text-[10px] font-[var(--font-weight-bold)]',
-    'body-t-medium': 'text-[10px] font-[var(--font-weight-medium)]',
-    'body-ss-medium': 'text-[9px] font-[var(--font-weight-medium)]',
-};
-// Export for reuse in other components
-const getTypographyClasses = (variant) => {
-    return variantClasses$1[variant];
-};
-const colorClasses = {
-    primary: 'text-[var(--color-primary)]',
-    secondary: 'text-[var(--color-secondary)]',
-    'neutral-darker': 'text-[var(--color-neutral-darker)]',
-    'neutral-dark': 'text-[var(--color-neutral-dark)]',
-    'neutral-main': 'text-[var(--color-neutral-main)]',
-    white: 'text-[var(--color-white)]',
-    inherit: 'text-inherit',
-};
-const getDefaultElement = (variant) => {
-    if (variant.startsWith('h'))
-        return variant.split('-')[0]; // h1, h2, etc.
-    return 'p';
-};
-const Typography$1 = React.forwardRef(({ variant = 'body-m-medium', color = 'inherit', as, className, children, ...props }, ref) => {
-    const Element = as || getDefaultElement(variant);
-    return React.createElement(Element, {
-        ref,
-        className: cn(variantClasses$1[variant], colorClasses[color], 'leading-[var(--leading-default)]', // 180% line height
-        className),
-        ...props,
-    }, children);
-});
-Typography$1.displayName = 'Typography';
-
-const sizeClasses = {
-    sm: 'px-[16px] py-[7px]',
-    md: 'px-[16px] py-[9px]',
-    lg: 'px-[16px] py-[13px]',
-    xl: 'px-[20px] py-[13px]',
-};
-const defaultTextVariants = {
-    sm: 'body-s-bold', // 14px / Bold (600)
-    md: 'body-m-bold', // 16px / Bold (600)
-    lg: 'body-l-bold', // 18px / Bold (600)
-    xl: 'body-xl-heavy', // 20px / Heavy (700)
-};
-const variantClasses = {
-    primary: `
-    bg-[var(--color-primary)] text-white
-    hover:bg-[var(--color-primary-dark)]
-    disabled:bg-[var(--color-neutral-light)] disabled:text-[var(--color-neutral-darker)]
-  `,
-    secondary: `
-    bg-[var(--color-primary-lightest)] text-[var(--color-primary)]
-    hover:bg-[var(--color-primary-lighter)]
-    disabled:bg-[var(--color-neutral-light)] disabled:text-[var(--color-neutral-darker)]
-  `,
-    tertiary: `
-    bg-white border border-[var(--color-primary-light)] text-[var(--color-primary)]
-    hover:bg-[var(--color-neutral-lighter)]
-    disabled:bg-[var(--color-neutral-light)] disabled:text-[var(--color-neutral-darker)]
-  `,
-    ghost: `
-    bg-transparent text-[var(--color-primary)]
-    hover:bg-[var(--color-primary-lightest)]
-    disabled:bg-[var(--color-neutral-light)] disabled:text-[var(--color-neutral-darker)]
-  `,
-};
-const Button$1 = React.forwardRef(({ className, variant = 'primary', size = 'md', icon, iconPosition = 'right', children, loading = false, disabled, textVariant, ...props }, ref) => {
-    const finalTextVariant = textVariant || defaultTextVariants[size];
-    return (jsxRuntimeExports.jsxs("button", { ref: ref, type: "button", className: cn('inline-flex items-center justify-center rounded-[8px] transition-colors duration-200', sizeClasses[size], variantClasses[variant], getTypographyClasses(finalTextVariant), disabled && 'opacity-50 pointer-events-none', className), disabled: disabled || loading, ...props, children: [icon && iconPosition === 'left' && (jsxRuntimeExports.jsx("span", { className: "mr-2 flex items-center", children: icon })), loading ? '...' : children, icon && iconPosition === 'right' && (jsxRuntimeExports.jsx("span", { className: "ml-2 flex items-center", children: icon }))] }));
-});
-Button$1.displayName = 'Button';
+import { j as jsxRuntimeExports } from './jsx-runtime-BiC2V0nk.js';
+import { createContext, useMemo, useContext } from 'react';
 
 // Generated ESM version of ua-parser-js
 // DO NOT EDIT THIS FILE!
@@ -2164,840 +1484,4 @@ const useMobile = (isMobile) => {
         : { isMobile, userAgent: context.userAgent };
 };
 
-const Input$1 = React.forwardRef(({ state = 'default', label, value, onChange, helperText, startIcon, endIcon, type = 'text', ...props }, ref) => {
-    const [isFocused, setIsFocused] = useState(false);
-    const id = useId();
-    const hasContent = value !== '' && value !== null && value !== undefined;
-    const isLabelFloated = isFocused || hasContent;
-    const isDisabled = state === 'disabled';
-    const { isMobile } = useMobile();
-    const handleFocus = (e) => {
-        if (!isDisabled) {
-            setIsFocused(true);
-            props.onFocus?.(e);
-        }
-    };
-    const handleBlur = (e) => {
-        if (!isDisabled) {
-            setIsFocused(false);
-            props.onBlur?.(e);
-        }
-    };
-    const baseContainerClasses = 'relative flex items-center border rounded-lg transition-all duration-300 w-[360px]';
-    const baseLabelClasses = 'absolute pointer-events-none transition-all duration-300';
-    const baseInputClasses = 'peer w-full h-full bg-transparent outline-none text-m font-medium disabled:text-neutral-light';
-    const baseIconClasses = 'absolute h-5 w-5 transition-colors duration-300';
-    const containerClasses = cn(baseContainerClasses, {
-        'h-[54px]': !isMobile,
-        'h-12': isMobile,
-        'border-neutral-light': state === 'default' && !isFocused,
-        'border-primary': state === 'default' && isFocused,
-        'border-error': state === 'error',
-        'bg-white border-neutral-light cursor-not-allowed': isDisabled,
-    });
-    const labelClasses = cn(baseLabelClasses, {
-        'top-[-10px] bg-white px-1 mx-3 font-medium': isLabelFloated,
-        'text-s': (!isMobile && isLabelFloated) || (isMobile && !isLabelFloated),
-        'text-xs': isMobile && isLabelFloated,
-        'text-m': !isMobile && !isLabelFloated,
-        'right-1': startIcon,
-        'right-3': !startIcon,
-        'top-1/2 -translate-y-1/2 text-m font-medium': !isLabelFloated,
-        'right-11': !isLabelFloated && startIcon,
-        'right-4': !isLabelFloated && !startIcon,
-        'text-neutral-main': !isFocused && state === 'default',
-        'text-neutral-light': isDisabled,
-        'text-primary': isFocused && state === 'default',
-        'text-error': isLabelFloated && state === 'error',
-    });
-    const inputClasses = cn(baseInputClasses, {
-        'pr-12': startIcon,
-        'pl-12': endIcon,
-        'px-4': !startIcon && !endIcon,
-        'pr-4 pl-12': !startIcon && endIcon,
-        'pl-4 pr-12': startIcon && !endIcon,
-        'cursor-not-allowed text-red-500': isDisabled,
-        'text-neutral-dark': !isFocused,
-        'text-neutral-darker': isFocused,
-    });
-    const iconClasses = cn(baseIconClasses, {
-        'text-neutral-main': state !== 'error' && !isFocused,
-        'text-primary': state === 'default' && isFocused,
-        'text-error': state === 'error',
-        'text-neutral-light': isDisabled,
-    });
-    const helperTextClasses = cn('font-light mt-1 px-2 h-4', {
-        'text-s': !isMobile,
-        'text-xs': isMobile,
-        'text-neutral-main': state === 'default',
-        'text-primary': state === 'default' && isFocused,
-        'text-error': state === 'error',
-        'text-neutral-light': isDisabled,
-    });
-    return (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("div", { className: containerClasses, children: [endIcon && (jsxRuntimeExports.jsx("span", { className: cn(iconClasses, 'left-4'), children: endIcon })), jsxRuntimeExports.jsx("label", { htmlFor: id, className: labelClasses, children: label }), jsxRuntimeExports.jsx("input", { ref: ref, id: id, type: type, value: value, onChange: onChange, onFocus: handleFocus, onBlur: handleBlur, disabled: isDisabled, className: inputClasses, ...props }), startIcon && (jsxRuntimeExports.jsx("span", { className: cn(iconClasses, 'right-4'), children: startIcon }))] }), helperText && jsxRuntimeExports.jsx("p", { className: helperTextClasses, children: helperText })] }));
-});
-Input$1.displayName = 'Input';
-
-// Helper functions moved outside component
-const handleTabClick = (tabId, disabled, onTabChange) => {
-    if (!disabled) {
-        onTabChange(tabId);
-    }
-};
-const handleKeyDown = (e, tabId, disabled, onTabChange) => {
-    if ((e.key === 'Enter' || e.key === ' ') && !disabled) {
-        e.preventDefault();
-        onTabChange(tabId);
-    }
-};
-const renderBadge = (count, isActive, disabled, isMobile) => {
-    if (count === undefined)
-        return null;
-    return (jsxRuntimeExports.jsx("div", { className: cn('flex items-center justify-center rounded-[5px] font-sans font-bold text-white', 'transition-colors duration-200', isMobile
-            ? 'size-6 text-[14px] pt-0.5'
-            : 'size-[25px] text-[14px] pt-[3px]', disabled ? 'bg-midnight' : isActive ? 'bg-primary' : 'bg-neutral-main'), children: jsxRuntimeExports.jsx("p", { className: "leading-[24px] whitespace-pre", dir: "auto", children: count }) }));
-};
-const renderTabContent = (item, isActive, isMobile) => {
-    const hasCount = item.count !== undefined;
-    return (jsxRuntimeExports.jsxs("div", { className: cn('flex flex-row items-center justify-start transition-colors duration-200', isMobile ? 'gap-1.5' : 'gap-1.5'), children: [hasCount && renderBadge(item.count, isActive, item.disabled, isMobile), jsxRuntimeExports.jsx("div", { className: cn('font-sans text-nowrap text-right transition-colors duration-200', isMobile ? 'text-[14px]' : isActive ? 'text-[16px]' : 'text-[18px]', item.disabled
-                    ? 'font-normal text-midnight'
-                    : isActive
-                        ? 'font-bold text-primary'
-                        : 'font-normal text-neutral-main', isMobile
-                    ? 'leading-[24px]'
-                    : isActive
-                        ? 'leading-normal'
-                        : 'leading-[1.9]'), children: jsxRuntimeExports.jsx("p", { className: "whitespace-pre", dir: "auto", children: item.label }) })] }));
-};
-const renderTab = (item, activeTab, isMobile, onTabChange) => {
-    const isActive = item.id === activeTab;
-    return (jsxRuntimeExports.jsxs("div", { className: cn('box-border flex flex-col items-center justify-between relative shrink-0', 'cursor-pointer transition-all duration-200', isMobile ? 'h-12 px-3' : 'h-14 px-4', isActive
-            ? isMobile
-                ? 'pt-[11px] pb-0'
-                : 'pt-3.5 pb-0'
-            : 'py-0 justify-center', item.disabled && 'cursor-not-allowed opacity-50', !item.disabled && 'hover:opacity-80'), onClick: () => handleTabClick(item.id, item.disabled, onTabChange), onKeyDown: (e) => handleKeyDown(e, item.id, item.disabled, onTabChange), tabIndex: item.disabled ? -1 : 0, role: "tab", "aria-selected": isActive, "aria-disabled": item.disabled, children: [renderTabContent(item, isActive, isMobile), isActive && (jsxRuntimeExports.jsx("div", { className: "bg-primary h-1 rounded-tl-[8px] rounded-tr-[8px] shrink-0 w-full" }))] }, item.id));
-};
-const Tabs$1 = React.forwardRef(({ items, activeTab, onTabChange, className, isMobile: isMobileProp, ...props }, ref) => {
-    const { isMobile } = useMobile(isMobileProp);
-    return (jsxRuntimeExports.jsxs("div", { ref: ref, className: cn('relative w-full', className), ...props, children: [jsxRuntimeExports.jsx("div", { className: "box-border flex flex-row items-center justify-end p-0 relative w-full", children: items.map((item) => renderTab(item, activeTab, isMobile, onTabChange)) }), jsxRuntimeExports.jsx("div", { className: "absolute border-midnight-light border-[0px_0px_1px] border-solid bottom-[-0.5px] left-0 right-0 top-0 pointer-events-none" })] }));
-});
-Tabs$1.displayName = 'Tabs';
-
-const Drawer$1 = React.forwardRef(({ children, direction = 'bottom', fullScreen = false, isOpen = false, onClose, className, ...props }, ref) => {
-    const overlayRef = useRef(null);
-    const drawerRef = useRef(null);
-    const { isMobile } = useMobile();
-    // Handle escape key
-    useEffect(() => {
-        const handleEscape = (event) => {
-            if (event.key === 'Escape' && isOpen && onClose) {
-                onClose();
-            }
-        };
-        if (isOpen) {
-            document.addEventListener('keydown', handleEscape);
-            // Prevent body scroll when drawer is open
-            document.body.style.overflow = 'hidden';
-        }
-        return () => {
-            document.removeEventListener('keydown', handleEscape);
-            document.body.style.overflow = 'auto';
-        };
-    }, [isOpen, onClose]);
-    // Handle click outside
-    const handleOverlayClick = (event) => {
-        if (!fullScreen &&
-            onClose &&
-            overlayRef.current &&
-            event.target === overlayRef.current) {
-            onClose();
-        }
-    };
-    // Handle keyboard events on overlay
-    const handleOverlayKeyDown = (event) => {
-        if (event.key === 'Enter' || event.key === ' ') {
-            if (!fullScreen &&
-                onClose &&
-                overlayRef.current &&
-                event.target === overlayRef.current) {
-                onClose();
-            }
-        }
-    };
-    const getTranslateClasses = () => {
-        if (!isOpen) {
-            switch (direction) {
-                case 'top':
-                    return '-translate-y-full';
-                case 'bottom':
-                    return 'translate-y-full';
-                case 'left':
-                    return '-translate-x-full';
-                case 'right':
-                    return 'translate-x-full';
-                default:
-                    return 'translate-y-full';
-            }
-        }
-        return 'translate-x-0 translate-y-0';
-    };
-    const getPositionClasses = () => {
-        switch (direction) {
-            case 'top':
-                return 'top-0 left-0 right-0';
-            case 'bottom':
-                return 'bottom-0 left-0 right-0';
-            case 'left':
-                return 'top-0 left-0 bottom-0';
-            case 'right':
-                return 'top-0 right-0 bottom-0';
-            default:
-                return 'bottom-0 left-0 right-0';
-        }
-    };
-    const getSizeClasses = () => {
-        const isVertical = direction === 'top' || direction === 'bottom';
-        if (fullScreen) {
-            return isVertical ? 'w-full h-full' : 'w-full h-full';
-        }
-        if (isVertical) {
-            return 'w-full max-h-[90vh]';
-        }
-        return 'h-full max-w-[90vw]';
-    };
-    const baseOverlayClasses = 'fixed inset-0 z-50 transition-all duration-300';
-    const baseDrawerClasses = 'fixed bg-white shadow-2xl transition-all duration-300 ease-out overflow-auto';
-    const overlayClasses = cn(baseOverlayClasses, {
-        'bg-neutral-darker/50 backdrop-blur-sm': isOpen,
-        'bg-transparent pointer-events-none': !isOpen,
-    });
-    const drawerClasses = cn(baseDrawerClasses, getPositionClasses(), getSizeClasses(), getTranslateClasses(), {
-        'rounded-t-2xl': direction === 'bottom' && !fullScreen,
-        'rounded-b-2xl': direction === 'top' && !fullScreen,
-        'rounded-r-2xl': direction === 'left' && !fullScreen,
-        'rounded-l-2xl': direction === 'right' && !fullScreen,
-        'p-6': !isMobile,
-        'p-4': isMobile,
-    }, className);
-    if (!isOpen) {
-        return null;
-    }
-    return (jsxRuntimeExports.jsx("div", { ref: overlayRef, className: overlayClasses, onClick: handleOverlayClick, onKeyDown: handleOverlayKeyDown, tabIndex: -1, role: "button", "aria-label": "Close drawer", children: jsxRuntimeExports.jsx("div", { ref: ref || drawerRef, className: drawerClasses, role: "dialog", "aria-modal": "true", "aria-label": "Drawer", ...props, children: children }) }));
-});
-Drawer$1.displayName = 'Drawer';
-
-const Backdrop$1 = React.forwardRef(({ isOpen = false, onClick, blur = false, zIndex = 51, className, children, ...props }, ref) => {
-    const handleClick = (event) => {
-        if (onClick && event.target === event.currentTarget) {
-            onClick();
-        }
-    };
-    const backdropClasses = cn('fixed inset-0 transition-all duration-300', {
-        'opacity-100 pointer-events-auto': isOpen,
-        'opacity-0 pointer-events-none': !isOpen,
-        'backdrop-blur-sm': blur,
-    }, className);
-    const backdropStyle = {
-        backgroundColor: 'rgba(0, 0, 0, 0.60)',
-        zIndex,
-    };
-    return (jsxRuntimeExports.jsx("div", { ref: ref, className: backdropClasses, style: backdropStyle, onClick: handleClick, role: "presentation", "aria-hidden": !isOpen, ...props, children: children }));
-});
-Backdrop$1.displayName = 'Backdrop';
-
-/**
- * @license lucide-react v0.522.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const toCamelCase = (string) => string.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
-);
-const toPascalCase = (string) => {
-  const camelCase = toCamelCase(string);
-  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-};
-const mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-const hasA11yProp = (props) => {
-  for (const prop in props) {
-    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
-      return true;
-    }
-  }
-};
-
-/**
- * @license lucide-react v0.522.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-
-/**
- * @license lucide-react v0.522.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const Icon = forwardRef(
-  ({
-    color = "currentColor",
-    size = 24,
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    className = "",
-    children,
-    iconNode,
-    ...rest
-  }, ref) => createElement(
-    "svg",
-    {
-      ref,
-      ...defaultAttributes,
-      width: size,
-      height: size,
-      stroke: color,
-      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-      className: mergeClasses("lucide", className),
-      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
-      ...rest
-    },
-    [
-      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
-      ...Array.isArray(children) ? children : [children]
-    ]
-  )
-);
-
-/**
- * @license lucide-react v0.522.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const createLucideIcon = (iconName, iconNode) => {
-  const Component = forwardRef(
-    ({ className, ...props }, ref) => createElement(Icon, {
-      ref,
-      iconNode,
-      className: mergeClasses(
-        `lucide-${toKebabCase(toPascalCase(iconName))}`,
-        `lucide-${iconName}`,
-        className
-      ),
-      ...props
-    })
-  );
-  Component.displayName = toPascalCase(iconName);
-  return Component;
-};
-
-/**
- * @license lucide-react v0.522.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$7 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$7);
-
-/**
- * @license lucide-react v0.522.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$6 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$6);
-
-/**
- * @license lucide-react v0.522.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$5 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$5);
-
-/**
- * @license lucide-react v0.522.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$4 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$4);
-
-/**
- * @license lucide-react v0.522.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$3 = [
-  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
-  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
-];
-const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$3);
-
-/**
- * @license lucide-react v0.522.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$2 = [
-  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
-  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
-];
-const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$2);
-
-/**
- * @license lucide-react v0.522.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$1 = [
-  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
-  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
-  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
-];
-const Ellipsis = createLucideIcon("ellipsis", __iconNode$1);
-
-/**
- * @license lucide-react v0.522.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-];
-const X = createLucideIcon("x", __iconNode);
-
-const Breadcrumb$1 = React.forwardRef(({ items, className, testIsMobile }, ref) => {
-    const { isMobile } = useMobile(testIsMobile);
-    const handleItemClick = (item, index, e) => {
-        // Don't make the last item (current page) clickable
-        if (index === items.length - 1)
-            return;
-        if (item.onClick) {
-            e.preventDefault();
-            item.onClick();
-        }
-        // If item has href, let the anchor tag handle navigation naturally
-    };
-    return (jsxRuntimeExports.jsx("nav", { ref: ref, className: cn(
-        // Base layout - RTL with flex-row-reverse to show items right to left
-        'flex flex-row-reverse items-center', 
-        // Responsive gap and padding based on mobile state
-        isMobile ? 'gap-1 px-4 py-2.5' : 'gap-3 pr-1 pt-3 pb-4 pl-0', className), "aria-label": "Breadcrumb navigation", children: jsxRuntimeExports.jsx("ol", { className: "flex flex-row-reverse items-center gap-inherit", children: items.map((item, index) => {
-                const isLast = index === items.length - 1;
-                const isClickable = !isLast && (item.href || item.onClick);
-                const itemKey = `${item.label}-${index}`;
-                return (jsxRuntimeExports.jsxs("li", { className: "flex items-center gap-inherit", children: [isClickable ? (jsxRuntimeExports.jsx("a", { href: item.href || '#', className: cn(
-                            // Base styles
-                            'whitespace-nowrap border-0 bg-transparent p-0 no-underline', 
-                            // Responsive font size based on mobile state
-                            isMobile ? 'text-t' : 'text-s', 
-                            // Color
-                            'text-neutral-main', 
-                            // Cursor and hover effects for clickable items
-                            'cursor-pointer hover:text-neutral-dark transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1 rounded-sm'), onClick: (e) => handleItemClick(item, index, e), onKeyDown: (e) => {
-                                if (e.key === 'Enter' || e.key === ' ') {
-                                    e.preventDefault();
-                                    if (item.onClick) {
-                                        item.onClick();
-                                    }
-                                }
-                            }, "aria-label": `Go to ${item.label}`, children: item.label })) : (jsxRuntimeExports.jsx("span", { className: cn(
-                            // Base styles
-                            'whitespace-nowrap', 
-                            // Responsive font size based on mobile state
-                            isMobile ? 'text-t' : 'text-s', 
-                            // Color
-                            'text-neutral-main', 
-                            // Different styles for current page (last item)
-                            'font-medium'), "aria-current": isLast ? 'page' : undefined, "aria-label": isLast ? `Current page: ${item.label}` : undefined, children: item.label })), !isLast && (jsxRuntimeExports.jsx(ChevronLeft, { className: cn('text-black flex-shrink-0', 
-                            // Responsive icon size
-                            isMobile ? 'w-2.5 h-2.5' : 'w-3 h-3'), "aria-hidden": "true" }))] }, itemKey));
-            }) }) }));
-});
-Breadcrumb$1.displayName = 'Breadcrumb';
-
-function PaginationRoot({ className, ...props }) {
-    return (jsxRuntimeExports.jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn('mx-auto flex w-full justify-center', className), ...props }));
-}
-function PaginationContent({ className, device, ...props }) {
-    return (jsxRuntimeExports.jsx("ul", { "data-slot": "pagination-content", className: cn('flex flex-row items-center', device === 'mobile' ? 'gap-[6px]' : 'gap-2', className), ...props }));
-}
-function PaginationItem({ ...props }) {
-    return jsxRuntimeExports.jsx("li", { "data-slot": "pagination-item", ...props });
-}
-function PaginationLink({ className, device, variant, isActive, ...props }) {
-    return (jsxRuntimeExports.jsx("a", { "aria-current": isActive ? 'page' : undefined, "data-slot": "pagination-link", "data-active": isActive, className: cn(buttonVariants({
-            variant: variant === 'nextPrev' ? variant : isActive ? 'active' : 'outline',
-            device,
-        }), className), tabIndex: props['aria-disabled'] ? -1 : 0, ...props }));
-}
-function PaginationPrevious({ className, device, variant, ...props }) {
-    const isMobile = device === 'mobile';
-    const content = {
-        mobile: jsxRuntimeExports.jsx(ChevronRight, { size: 18 }),
-        desktop: (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(ChevronsRight, { size: 20 }), " ", jsxRuntimeExports.jsx("span", { children: "\u0642\u0628\u0644\u06CC" })] })),
-    };
-    return (jsxRuntimeExports.jsx(PaginationLink, { "aria-label": "Go to previous page", className: !isMobile
-            ? 'flex justify-center items-center gap-2 w-[89px] h-[48px] ml-4'
-            : 'ml-2.5', device: device, variant: "nextPrev", ...props, children: device === 'mobile' ? content.mobile : content.desktop }));
-}
-function PaginationNext({ className, device, variant, ...props }) {
-    const isMobile = device === 'mobile';
-    const content = {
-        mobile: jsxRuntimeExports.jsx(ChevronLeft, { size: 18 }),
-        desktop: (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { children: "\u0628\u0639\u062F\u06CC" }), jsxRuntimeExports.jsx(ChevronsLeft, { size: 20 })] })),
-    };
-    return (jsxRuntimeExports.jsx(PaginationLink, { "aria-label": "Go to next page", className: !isMobile
-            ? 'flex justify-center items-center gap-2 w-[89px] h-[48px] mr-4'
-            : 'mr-2.5', device: device, variant: "nextPrev", ...props, children: device === 'mobile' ? content.mobile : content.desktop }));
-}
-function PaginationEllipsis({ className, ...props }) {
-    return (jsxRuntimeExports.jsx("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn('flex size-9 items-center justify-center', className), ...props, children: jsxRuntimeExports.jsx(Ellipsis, { className: "size-4" }) }));
-}
-function buttonVariants({ variant, device, }) {
-    const isMobile = device === 'mobile';
-    const base = cn({
-        'flex items-center justify-center rounded-[6px]': true,
-        'w-[40px] h-[40px] text-s font-heavy': isMobile,
-        'w-[48px] h-[48px] text-l font-heavy': !isMobile,
-    });
-    const variants = {
-        outline: 'border border-neutral-light bg-white text-neutral-darker',
-        active: 'bg-primary text-white',
-        nextPrev: 'border border-neutral-light bg-white text-neutral-darker',
-    };
-    return [base, variants[variant]].join(' ');
-}
-const Pagination$1 = ({ pageCount, page: controlledPage, defaultPage = 1, onPageChange, className, ...navProps }) => {
-    const isControlled = controlledPage !== undefined;
-    const [internalPage, setInternalPage] = useState(defaultPage);
-    const page = isControlled ? controlledPage : internalPage;
-    const { isMobile } = useMobile();
-    const device = isMobile ? 'mobile' : 'desktop';
-    useEffect(() => {
-        if (!isControlled)
-            setInternalPage(defaultPage);
-    }, [defaultPage, isControlled]);
-    const changePage = (newPage) => {
-        if (!isControlled)
-            setInternalPage(newPage);
-        onPageChange?.(newPage);
-    };
-    function renderPages() {
-        const items = [];
-        if (pageCount <= 5) {
-            for (let i = 1; i <= pageCount; i++) {
-                items.push(jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationLink, { href: "#", isActive: page === i, variant: "main", device: device, onClick: (e) => {
-                            e.preventDefault();
-                            if (page !== i)
-                                changePage(i);
-                        }, "aria-disabled": page === i, tabIndex: page === i ? -1 : 0, children: i }) }, i));
-            }
-        }
-        else {
-            // First page
-            items.push(jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationLink, { href: "#", isActive: page === 1, device: device, variant: "main", onClick: (e) => {
-                        e.preventDefault();
-                        if (page !== 1)
-                            changePage(1);
-                    }, "aria-disabled": page === 1, tabIndex: page === 1 ? -1 : 0, children: "1" }) }, 1));
-            // Ellipsis start
-            if (page > 3) {
-                items.push(jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationEllipsis, {}) }, "start-ellipsis"));
-            }
-            // Middle pages
-            const start = Math.max(2, page - 1);
-            const end = Math.min(pageCount - 1, page + 1);
-            for (let i = start; i <= end; i++) {
-                items.push(jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationLink, { href: "#", isActive: page === i, device: device, variant: "main", onClick: (e) => {
-                            e.preventDefault();
-                            if (page !== i)
-                                changePage(i);
-                        }, "aria-disabled": page === i, tabIndex: page === i ? -1 : 0, children: i }) }, i));
-            }
-            // Ellipsis end
-            if (page < pageCount - 2) {
-                items.push(jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationEllipsis, {}) }, "end-ellipsis"));
-            }
-            // Last page
-            items.push(jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationLink, { href: "#", isActive: page === pageCount, device: device, variant: "main", onClick: (e) => {
-                        e.preventDefault();
-                        if (page !== pageCount)
-                            changePage(pageCount);
-                    }, "aria-disabled": page === pageCount, tabIndex: page === pageCount ? -1 : 0, children: pageCount }) }, pageCount));
-        }
-        return items;
-    }
-    return (jsxRuntimeExports.jsx(PaginationRoot, { className: className, ...navProps, children: jsxRuntimeExports.jsxs(PaginationContent, { device: "mobile", children: [jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationPrevious, { href: "#", onClick: (e) => {
-                            e.preventDefault();
-                            if (page > 1)
-                                changePage(page - 1);
-                        }, variant: "nextPrev", device: device, "aria-disabled": page === 1, tabIndex: page === 1 ? -1 : 0 }) }), renderPages(), jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationNext, { href: "#", onClick: (e) => {
-                            e.preventDefault();
-                            if (page < pageCount)
-                                changePage(page + 1);
-                        }, variant: "nextPrev", device: device, "aria-disabled": page === pageCount, tabIndex: page === pageCount ? -1 : 0 }) })] }) }));
-};
-
-const Accordion$1 = React.forwardRef(({ title, body, startIcon, isExpanded: controlledExpanded, onToggle, defaultExpanded = false, className, id, disabled = false, forceMobile, ...props }, ref) => {
-    const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
-    const { isMobile: contextIsMobile } = useMobile();
-    // Use forceMobile prop if provided, otherwise use context
-    const isMobile = forceMobile !== undefined ? forceMobile : contextIsMobile;
-    // Use controlled state if provided, otherwise use internal state
-    const isExpanded = controlledExpanded !== undefined ? controlledExpanded : internalExpanded;
-    const handleToggle = () => {
-        if (disabled)
-            return;
-        const newExpanded = !isExpanded;
-        if (controlledExpanded === undefined) {
-            setInternalExpanded(newExpanded);
-        }
-        onToggle?.(newExpanded);
-    };
-    const accordionId = id || `accordion-${Math.random().toString(36).substr(2, 9)}`;
-    const headerId = `${accordionId}-header`;
-    const contentId = `${accordionId}-content`;
-    // Icon size based on device
-    const iconSize = isMobile ? 20 : 24;
-    // Typography variants based on device
-    const titleVariant = isMobile ? 'body-s-heavy' : 'body-l-heavy';
-    const bodyVariant = isMobile ? 'body-s-medium' : 'body-m-medium';
-    return (jsxRuntimeExports.jsxs("div", { ref: ref, className: cn('rounded-2xl border-0 overflow-hidden', 'transition-all duration-200 ease-in-out', className), ...props, children: [jsxRuntimeExports.jsxs("button", { id: headerId, type: "button", onClick: handleToggle, disabled: disabled, "aria-expanded": isExpanded, "aria-controls": contentId, className: cn('w-full flex items-center justify-between', isMobile ? 'p-3' : 'p-4', 'focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2', 'disabled:opacity-50 disabled:cursor-not-allowed', 'transition-all duration-200 ease-in-out', !disabled && 'hover:bg-neutral-lighter'), children: [jsxRuntimeExports.jsx("div", { className: "flex-shrink-0 mr-4", children: isExpanded ? (jsxRuntimeExports.jsx(ChevronUp, { size: iconSize, className: "text-neutral-darker transition-transform duration-200", "aria-hidden": "true" })) : (jsxRuntimeExports.jsx(ChevronDown, { size: iconSize, className: "text-neutral-darker transition-transform duration-200", "aria-hidden": "true" })) }), jsxRuntimeExports.jsxs("div", { className: cn('flex items-center flex-1', isMobile ? 'gap-3' : 'gap-4'), children: [jsxRuntimeExports.jsx("div", { className: "flex-1 text-right", children: jsxRuntimeExports.jsx(Typography$1, { variant: titleVariant, color: "neutral-darker", children: title }) }), startIcon && (jsxRuntimeExports.jsx("div", { className: cn('flex-shrink-0 flex items-center justify-center', isMobile ? 'w-6 h-6' : 'w-8 h-8'), children: startIcon }))] })] }), jsxRuntimeExports.jsx("div", { id: contentId, role: "region", "aria-labelledby": headerId, className: cn('w-full overflow-hidden transition-all duration-300 ease-in-out', isExpanded ? 'max-h-screen opacity-100' : 'max-h-0 opacity-0'), children: jsxRuntimeExports.jsx("div", { className: cn(isMobile ? 'pb-3 mt-1' : 'pb-4 mt-1.5'), children: jsxRuntimeExports.jsx("div", { className: cn('bg-neutral-lighter rounded-lg', isMobile ? 'p-3' : 'p-4'), children: jsxRuntimeExports.jsx(Typography$1, { variant: bodyVariant, color: "neutral-dark", children: body }) }) }) })] }));
-});
-Accordion$1.displayName = 'Accordion';
-
-const Divider$1 = React.forwardRef(({ width = '100%', height = 1, orientation = 'horizontal', variant = 'neutral-light', className, style, ...props }, ref) => {
-    const isHorizontal = orientation === 'horizontal';
-    const variantClasses = {
-        'neutral-light': 'bg-neutral-light',
-        'neutral-main': 'bg-neutral-main',
-        primary: 'bg-primary',
-    };
-    const dividerStyle = {
-        width: isHorizontal ? width : height,
-        height: isHorizontal ? height : width,
-        ...style,
-    };
-    return (jsxRuntimeExports.jsx("div", { ref: ref, className: cn('shrink-0', variantClasses[variant], className), style: dividerStyle, role: "separator", ...props }));
-});
-Divider$1.displayName = 'Divider';
-
-const RadioButton = ({ selected, disabled, isMobile, }) => {
-    const size = isMobile ? 'size-5' : 'size-6';
-    if (selected) {
-        return (jsxRuntimeExports.jsxs("div", { className: cn('relative flex items-center justify-center', size), children: [jsxRuntimeExports.jsx("div", { className: cn('absolute inset-0 rounded-full border-2', disabled
-                        ? 'bg-neutral-light border-neutral-light'
-                        : 'bg-primary border-primary') }), jsxRuntimeExports.jsx("div", { className: cn('absolute rounded-full bg-white', isMobile ? 'inset-[5px]' : 'inset-1.5') })] }));
-    }
-    return (jsxRuntimeExports.jsx("div", { className: cn('relative flex items-center justify-center', size), children: jsxRuntimeExports.jsx("div", { className: cn('absolute inset-0 rounded-full border', isMobile ? 'border' : 'border-[1.5px]', disabled ? 'border-neutral-light' : 'border-midnight') }) }));
-};
-const RadioOptionComponent = ({ option, selected, disabled, onClick, name, isMobile, }) => {
-    const [isHovered, setIsHovered] = React.useState(false);
-    const handleKeyDown = (e) => {
-        if ((e.key === 'Enter' || e.key === ' ') && !disabled) {
-            e.preventDefault();
-            onClick();
-        }
-    };
-    const getBackgroundColor = () => {
-        if (disabled)
-            return 'bg-neutral-lighter';
-        if (selected)
-            return 'bg-primary-lightest';
-        if (isHovered)
-            return 'bg-primary-lightest/20';
-        return 'bg-white';
-    };
-    const getBorderColor = () => {
-        if (selected)
-            return 'border-primary';
-        return 'border-transparent';
-    };
-    const getTextColor = () => {
-        if (disabled)
-            return 'text-midnight';
-        if (selected)
-            return 'text-primary';
-        return 'text-neutral-dark';
-    };
-    const getShadow = () => {
-        if (disabled)
-            return '';
-        return 'shadow-[0px_2px_4px_0px_rgba(0,0,0,0.08)]';
-    };
-    return (jsxRuntimeExports.jsx("div", { className: cn('relative rounded-lg border-[1.5px] cursor-pointer transition-all duration-200', getBackgroundColor(), getBorderColor(), getShadow(), disabled && 'cursor-not-allowed'), onClick: disabled ? undefined : onClick, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, role: "radio", "aria-checked": selected, "aria-disabled": disabled, children: jsxRuntimeExports.jsx("div", { className: "flex flex-row items-center justify-end relative w-full", children: jsxRuntimeExports.jsx("div", { className: cn('box-border flex flex-row items-center justify-end relative w-full', isMobile ? 'gap-2 px-4 py-3' : 'gap-4 px-6 py-4'), children: jsxRuntimeExports.jsxs("div", { className: cn('flex flex-row items-center justify-end p-0 relative shrink-0', isMobile ? 'gap-2' : 'gap-3'), children: [jsxRuntimeExports.jsx("input", { type: "radio", name: name, value: option.id, checked: selected, disabled: disabled, onChange: onClick, className: "sr-only", "aria-label": option.label }), jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-0.5 items-end justify-start p-0 relative shrink-0", children: jsxRuntimeExports.jsx("div", { className: cn('font-sans font-bold text-nowrap text-right transition-colors duration-200', isMobile
-                                    ? 'text-[14px] leading-[24px]'
-                                    : 'text-[16px] leading-normal', getTextColor()), children: jsxRuntimeExports.jsx("p", { className: "whitespace-pre", dir: "auto", children: option.label }) }) }), option.icon && (jsxRuntimeExports.jsx("div", { className: cn('flex items-center justify-center shrink-0 transition-colors duration-200', isMobile ? 'size-6' : 'size-7', getTextColor()), children: option.icon })), jsxRuntimeExports.jsx("div", { className: "flex flex-col items-start justify-start p-0 relative shrink-0", children: jsxRuntimeExports.jsx(RadioButton, { selected: selected, disabled: disabled, isMobile: isMobile }) })] }) }) }) }));
-};
-const RadioGroup$1 = React.forwardRef(({ options, value, onChange, name, disabled = false, className, isMobile: isMobileProp, direction = 'vertical', ...props }, ref) => {
-    const { isMobile } = useMobile(isMobileProp);
-    const handleOptionClick = (optionId) => {
-        if (!disabled && onChange) {
-            onChange(optionId);
-        }
-    };
-    const getContainerClasses = () => {
-        if (direction === 'horizontal') {
-            return cn('flex flex-row gap-2', isMobile ? 'flex-wrap' : 'flex-nowrap', className);
-        }
-        return cn('flex flex-col gap-2', className);
-    };
-    return (jsxRuntimeExports.jsx("div", { ref: ref, className: getContainerClasses(), role: "radiogroup", ...props, children: options.map((option) => (jsxRuntimeExports.jsx(RadioOptionComponent, { option: option, selected: value === option.id, disabled: disabled || option.disabled, onClick: () => handleOptionClick(option.id), name: name, isMobile: isMobile }, option.id))) }));
-});
-RadioGroup$1.displayName = 'RadioGroup';
-
-const chipVariants = {
-    purple: {
-        background: 'bg-[var(--color-primary-lightest)]',
-        text: 'text-[var(--color-primary-darkest)]',
-        border: 'border-[var(--color-primary-light)]',
-    },
-    red: {
-        background: 'bg-[var(--color-error-light)]',
-        text: 'text-[var(--color-error)]',
-        border: 'border-[#f0d6d6]',
-    },
-    green: {
-        background: 'bg-[var(--color-success-light)]',
-        text: 'text-[var(--color-success)]',
-        border: 'border-[#d4e8dc]',
-    },
-    orange: {
-        background: 'bg-[var(--color-warning-light)]',
-        text: 'text-[var(--color-warning)]',
-        border: 'border-[#f5e1d1]',
-    },
-    blue: {
-        background: 'bg-[var(--color-info-light)]',
-        text: 'text-[var(--color-info)]',
-        border: 'border-[#d3e9f2]',
-    },
-    white: {
-        background: 'bg-[var(--color-white)]',
-        text: 'text-[var(--color-neutral-darker)]',
-        border: 'border-[var(--color-neutral-light)]',
-    },
-    disabled: {
-        background: 'bg-[var(--color-neutral-lighter)]',
-        text: 'text-[var(--color-neutral-main)]',
-        border: 'border-[var(--color-neutral-light)]',
-    },
-};
-const chipSizes = {
-    mobile: {
-        padding: 'px-2.5 py-1',
-        gap: 'gap-1',
-        iconSize: 'size-4',
-        fontSize: 'text-[12px]',
-        lineHeight: 'leading-[1.8]',
-    },
-    desktop: {
-        padding: 'px-3 py-1',
-        gap: 'gap-1.5',
-        iconSize: 'size-5',
-        fontSize: 'text-[14px]',
-        lineHeight: 'leading-[24px]',
-    },
-};
-const Chips$1 = React.forwardRef(({ variant = 'purple', size, children = 'متن پیشفرض', disabled = false, onClick, onIconClick, className, isMobile: isMobileProp, ...props }, ref) => {
-    const { isMobile } = useMobile(isMobileProp);
-    const actualSize = size || (isMobile ? 'mobile' : 'desktop');
-    const actualVariant = disabled ? 'disabled' : variant;
-    const variantStyles = chipVariants[actualVariant];
-    const sizeStyles = chipSizes[actualSize];
-    const handleIconClick = (e) => {
-        e.stopPropagation();
-        if (onIconClick) {
-            onIconClick();
-        }
-    };
-    const handleKeyDown = (e) => {
-        if ((e.key === 'Enter' || e.key === ' ') && onClick && !disabled) {
-            e.preventDefault();
-            onClick();
-        }
-    };
-    const renderIcon = () => {
-        const iconElement = jsxRuntimeExports.jsx(X, { className: cn(sizeStyles.iconSize) });
-        if (onIconClick) {
-            return (jsxRuntimeExports.jsx("button", { type: "button", onClick: handleIconClick, disabled: disabled, className: cn('flex items-center justify-center', 'hover:opacity-70 transition-opacity', disabled && 'cursor-not-allowed opacity-50'), "aria-label": "\u062D\u0630\u0641", children: iconElement }));
-        }
-        return iconElement;
-    };
-    return (jsxRuntimeExports.jsxs("div", { ref: ref, className: cn(
-        // Base styles
-        'relative rounded-[50px] border border-solid inline-flex', 'flex-row items-center justify-center', 'font-sans font-bold not-italic', 'text-nowrap text-right', 'transition-all duration-200', 
-        // Variant styles
-        variantStyles.background, variantStyles.text, variantStyles.border, 
-        // Size styles
-        sizeStyles.padding, sizeStyles.gap, sizeStyles.fontSize, sizeStyles.lineHeight, 
-        // Interactive styles
-        onClick && !disabled && 'cursor-pointer hover:opacity-80', disabled && 'cursor-not-allowed opacity-60', className), onClick: disabled ? undefined : onClick, onKeyDown: onClick && !disabled ? handleKeyDown : undefined, tabIndex: onClick && !disabled ? 0 : undefined, role: onClick ? 'button' : undefined, ...props, children: [jsxRuntimeExports.jsx("span", { className: "text-center", children: children }), renderIcon()] }));
-});
-Chips$1.displayName = 'Chips';
-
-// Protected Components (license-wrapped)
-const Typography = withLicenseProtection(Typography$1, 'Typography');
-const Button = withLicenseProtection(Button$1, 'Button');
-const Input = withLicenseProtection(Input$1, 'Input');
-const Tabs = withLicenseProtection(Tabs$1, 'Tabs');
-const Drawer = withLicenseProtection(Drawer$1, 'Drawer');
-const Backdrop = withLicenseProtection(Backdrop$1, 'Backdrop');
-const Breadcrumb = withLicenseProtection(Breadcrumb$1, 'Breadcrumb');
-const Pagination = withLicenseProtection(Pagination$1, 'Pagination');
-const Accordion = withLicenseProtection(Accordion$1, 'Accordion');
-const Divider = withLicenseProtection(Divider$1, 'Divider');
-const RadioGroup = withLicenseProtection(RadioGroup$1, 'RadioGroup');
-const Chips = withLicenseProtection(Chips$1, 'Chips');
-
-export { Accordion, Backdrop, Breadcrumb, Button, Chips, Divider, Drawer, Input, MobileProvider, Pagination, RadioGroup, Tabs, Typography, initializeAutomobiKit, useMobile };
+export { MobileProvider as M, MobileContext as a, useMobile as u };