@greatapps/common 1.1.514 → 1.1.516

package/dist/components/account/sections/TokenSection.mjs

@@ -28,7 +28,8 @@ function TokenSection() {
             value: isLoading ? "Carregando..." : token,
             disabled: true,
             readOnly: true,
-            classnameContainer: "cursor-default opacity-100!"
+            classnameContainer: "bg-gray-50 cursor-default opacity-100!",
+            className: "text-gray-950/50"
           }
         ),
         /* @__PURE__ */ jsxs(

package/dist/components/account/sections/TokenSection.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/sections/TokenSection.tsx"],"sourcesContent":["'use client';\n\nimport { IconCheck, IconCopy } from '@tabler/icons-react';\nimport { toast } from 'sonner';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { Button } from '../../ui/buttons/Button';\nimport { FormField } from '../../ui/form/FormField';\nimport useCopyToClipboard from '../../../hooks/copy-to-clipboard.hook';\nimport { useAccountToken } from '../../../modules/accounts/hooks/use-account-token.hook';\n\nexport function TokenSection() {\n  const { data: token = '', isLoading } = useAccountToken();\n\n  const { isCopied, copy } = useCopyToClipboard({\n    onSuccess: () => {\n      toast.custom((t) => (\n        <Toast variant=\"success\" message=\"Token copiado com sucesso\" toastId={t} />\n      ));\n    },\n    onError: () => {\n      toast.custom((t) => (\n        <Toast variant=\"error\" message=\"Não foi possível copiar o token\" toastId={t} />\n      ));\n    },\n  });\n\n  return (\n    <div className=\"h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto\">\n      <span className=\"paragraph-medium-semibold text-gray-950\">Token da conta</span>\n\n      <div className=\"flex flex-col gap-3\">\n        <div className=\"flex items-end gap-3\">\n          <FormField\n            label=\"Token\"\n            value={isLoading ? 'Carregando...' : token}\n            disabled\n            readOnly\n            classnameContainer=\"cursor-default opacity-100!\"\n          />\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            className=\"h-10! shrink-0 gap-2\"\n            onClick={() => copy(token)}\n            disabled={isLoading || !token}\n          >\n            {isCopied ? <IconCheck size={16} /> : <IconCopy size={16} />}\n            {isCopied ? 'Copiado' : 'Copiar'}\n          </Button>\n        </div>\n\n        <a\n          href=\"https://documenter.getpostman.com/view/4861938/2sAYdoDmj4\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit\"\n        >\n          Acessar a documentação\n        </a>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAgBQ,cAuBE,YAvBF;AAdR,SAAS,WAAW,gBAAgB;AACpC,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,OAAO,wBAAwB;AAC/B,SAAS,uBAAuB;AAEzB,SAAS,eAAe;AAC7B,QAAM,EAAE,MAAM,QAAQ,IAAI,UAAU,IAAI,gBAAgB;AAExD,QAAM,EAAE,UAAU,KAAK,IAAI,mBAAmB;AAAA,IAC5C,WAAW,MAAM;AACf,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,6BAA4B,SAAS,GAAG,CAC1E;AAAA,IACH;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,yCAAkC,SAAS,GAAG,CAC9E;AAAA,IACH;AAAA,EACF,CAAC;AAED,SACE,qBAAC,SAAI,WAAU,gIACb;AAAA,wBAAC,UAAK,WAAU,2CAA0C,4BAAc;AAAA,IAExE,qBAAC,SAAI,WAAU,uBACb;AAAA,2BAAC,SAAI,WAAU,wBACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO,YAAY,kBAAkB;AAAA,YACrC,UAAQ;AAAA,YACR,UAAQ;AAAA,YACR,oBAAmB;AAAA;AAAA,QACrB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,KAAK,KAAK;AAAA,YACzB,UAAU,aAAa,CAAC;AAAA,YAEvB;AAAA,yBAAW,oBAAC,aAAU,MAAM,IAAI,IAAK,oBAAC,YAAS,MAAM,IAAI;AAAA,cACzD,WAAW,YAAY;AAAA;AAAA;AAAA,QAC1B;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/account/sections/TokenSection.tsx"],"sourcesContent":["'use client';\n\nimport { IconCheck, IconCopy } from '@tabler/icons-react';\nimport { toast } from 'sonner';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { Button } from '../../ui/buttons/Button';\nimport { FormField } from '../../ui/form/FormField';\nimport useCopyToClipboard from '../../../hooks/copy-to-clipboard.hook';\nimport { useAccountToken } from '../../../modules/accounts/hooks/use-account-token.hook';\n\nexport function TokenSection() {\n  const { data: token = '', isLoading } = useAccountToken();\n\n  const { isCopied, copy } = useCopyToClipboard({\n    onSuccess: () => {\n      toast.custom((t) => (\n        <Toast variant=\"success\" message=\"Token copiado com sucesso\" toastId={t} />\n      ));\n    },\n    onError: () => {\n      toast.custom((t) => (\n        <Toast variant=\"error\" message=\"Não foi possível copiar o token\" toastId={t} />\n      ));\n    },\n  });\n\n  return (\n    <div className=\"h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto\">\n      <span className=\"paragraph-medium-semibold text-gray-950\">Token da conta</span>\n\n      <div className=\"flex flex-col gap-3\">\n        <div className=\"flex items-end gap-3\">\n          <FormField\n            label=\"Token\"\n            value={isLoading ? 'Carregando...' : token}\n            disabled\n            readOnly\n            classnameContainer=\"bg-gray-50 cursor-default opacity-100!\"\n            className=\"text-gray-950/50\"\n          />\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            className=\"h-10! shrink-0 gap-2\"\n            onClick={() => copy(token)}\n            disabled={isLoading || !token}\n          >\n            {isCopied ? <IconCheck size={16} /> : <IconCopy size={16} />}\n            {isCopied ? 'Copiado' : 'Copiar'}\n          </Button>\n        </div>\n\n        <a\n          href=\"https://documenter.getpostman.com/view/4861938/2sAYdoDmj4\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit\"\n        >\n          Acessar a documentação\n        </a>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAgBQ,cAwBE,YAxBF;AAdR,SAAS,WAAW,gBAAgB;AACpC,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,OAAO,wBAAwB;AAC/B,SAAS,uBAAuB;AAEzB,SAAS,eAAe;AAC7B,QAAM,EAAE,MAAM,QAAQ,IAAI,UAAU,IAAI,gBAAgB;AAExD,QAAM,EAAE,UAAU,KAAK,IAAI,mBAAmB;AAAA,IAC5C,WAAW,MAAM;AACf,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,6BAA4B,SAAS,GAAG,CAC1E;AAAA,IACH;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,yCAAkC,SAAS,GAAG,CAC9E;AAAA,IACH;AAAA,EACF,CAAC;AAED,SACE,qBAAC,SAAI,WAAU,gIACb;AAAA,wBAAC,UAAK,WAAU,2CAA0C,4BAAc;AAAA,IAExE,qBAAC,SAAI,WAAU,uBACb;AAAA,2BAAC,SAAI,WAAU,wBACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO,YAAY,kBAAkB;AAAA,YACrC,UAAQ;AAAA,YACR,UAAQ;AAAA,YACR,oBAAmB;AAAA,YACnB,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,KAAK,KAAK;AAAA,YACzB,UAAU,aAAa,CAAC;AAAA,YAEvB;AAAA,yBAAW,oBAAC,aAAU,MAAM,IAAI,IAAK,oBAAC,YAAS,MAAM,IAAI;AAAA,cACzD,WAAW,YAAY;AAAA;AAAA;AAAA,QAC1B;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/ui/form/FormField.mjs

@@ -46,7 +46,7 @@ const FormField = forwardRef(
             "flex gap-2 px-4 items-center border rounded-lg transition-color",
             containerHeight,
             classnameContainer,
-            error ? "border-red-600 hover:border-red-700" : "border-gray-200 hover:border-gray-400 focus-within:border-gray-950"
+            error ? "border-red-600 hover:border-red-700" : inputProps.disabled ? "border-transparent" : "border-gray-200 hover:border-gray-400 focus-within:border-gray-950"
           ),
           children: [
             FinalLeftIcon && /* @__PURE__ */ jsx(FinalLeftIcon, { size: 20, className: "text-gray-400" }),

package/dist/components/ui/form/FormField.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/form/FormField.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { IconLock, IconEye, IconEyeOff } from '@tabler/icons-react';\nimport type { TablerIcon } from '@tabler/icons-react';\nimport { Input } from './Input';\nimport { cn } from '../../../infra/utils/clsx';\n\ntype FormFieldSize = 'default' | 'large';\n\ninterface FormFieldProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {\n  label?: string;\n  optional?: boolean;\n  required?: boolean;\n  leftIcon?: TablerIcon;\n  rightIcon?: TablerIcon;\n  rightIconColor?: string;\n  hintMessage?: string;\n  classnameContainer?: string;\n  size?: FormFieldSize;\n  error?: boolean;\n  errorMessage?: string;\n  showCharCount?: boolean;\n  showPassword?: boolean;\n  onTogglePassword?: () => void;\n}\n\nexport const FormField = forwardRef<HTMLInputElement, FormFieldProps>(\n  (\n    {\n      label,\n      optional = false,\n      required = false,\n      leftIcon: LeftIcon,\n      rightIcon: RightIcon,\n      rightIconColor = 'var(--color-gray-400)',\n      hintMessage,\n      size = 'default',\n      type = 'text',\n      error = false,\n      errorMessage,\n      className,\n      classnameContainer,\n      showCharCount = false,\n      showPassword = false,\n      onTogglePassword,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const isPasswordField = type === 'password';\n    const inputType = isPasswordField && showPassword ? 'text' : type;\n    const containerHeight = size === 'large' ? 'h-12' : 'h-10';\n\n    const FinalLeftIcon = isPasswordField ? IconLock : LeftIcon;\n    const FinalRightIcon = isPasswordField ? (!showPassword ? IconEyeOff : IconEye) : RightIcon;\n\n    const finalMessage = error && errorMessage ? errorMessage : hintMessage;\n    const messageColor = error ? 'text-red-600' : 'text-gray-600';\n\n    const currentLength = typeof inputProps.value === 'string' ? inputProps.value.length : 0;\n    const shouldShowCharCount = showCharCount && inputProps.maxLength;\n\n    return (\n      <div className=\"flex flex-col gap-1.5 w-full\">\n        <div className=\"flex items-center gap-1 paragraph-xsmall-semibold truncate\">\n          {label && <span className=\"text-gray-600\">{label}</span>}\n          {optional && <span className=\"text-gray-500\">(Opcional)</span>}\n          {required && <span className=\"text-red-600\">*</span>}\n        </div>\n\n        <div\n          className={cn(\n            'flex gap-2 px-4 items-center border rounded-lg transition-color',\n            containerHeight,\n            classnameContainer,\n            error\n              ? 'border-red-600 hover:border-red-700'\n              : 'border-gray-200 hover:border-gray-400 focus-within:border-gray-950'\n          )}\n        >\n          {FinalLeftIcon && <FinalLeftIcon size={20} className=\"text-gray-400\" />}\n\n          <Input\n            ref={ref}\n            type={inputType}\n            className={cn(\n              'paragraph-small-medium w-full h-full text-gray-950',\n              error && 'placeholder:text-red-400',\n              className\n            )}\n            {...inputProps}\n          />\n\n          {FinalRightIcon && (\n            <button\n              type=\"button\"\n              onClick={isPasswordField ? onTogglePassword : undefined}\n              className={cn(\n                'flex items-center justify-center',\n                isPasswordField && 'cursor-pointer hover:opacity-70 transition-opacity'\n              )}\n              aria-label={\n                isPasswordField ? (showPassword ? 'Ocultar senha' : 'Mostrar senha') : undefined\n              }\n            >\n              <FinalRightIcon\n                size={20}\n                color={isPasswordField ? 'var(--color-gray-950)' : rightIconColor}\n              />\n            </button>\n          )}\n        </div>\n\n        {finalMessage && (\n          <span className={cn('paragraph-xsmall-medium', messageColor)}>{finalMessage}</span>\n        )}\n\n        {shouldShowCharCount && (\n          <span className=\"paragraph-xsmall-medium text-gray-600\">\n            {currentLength}/{inputProps.maxLength}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nFormField.displayName = 'FormField';\n\nexport default FormField;\n"],"mappings":";AAiEQ,SACY,KADZ;AA/DR,SAAS,kBAAiD;AAC1D,SAAS,UAAU,SAAS,kBAAkB;AAE9C,SAAS,aAAa;AACtB,SAAS,UAAU;AAqBZ,MAAM,YAAY;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,kBAAkB,SAAS;AACjC,UAAM,YAAY,mBAAmB,eAAe,SAAS;AAC7D,UAAM,kBAAkB,SAAS,UAAU,SAAS;AAEpD,UAAM,gBAAgB,kBAAkB,WAAW;AACnD,UAAM,iBAAiB,kBAAmB,CAAC,eAAe,aAAa,UAAW;AAElF,UAAM,eAAe,SAAS,eAAe,eAAe;AAC5D,UAAM,eAAe,QAAQ,iBAAiB;AAE9C,UAAM,gBAAgB,OAAO,WAAW,UAAU,WAAW,WAAW,MAAM,SAAS;AACvF,UAAM,sBAAsB,iBAAiB,WAAW;AAExD,WACE,qBAAC,SAAI,WAAU,gCACb;AAAA,2BAAC,SAAI,WAAU,8DACZ;AAAA,iBAAS,oBAAC,UAAK,WAAU,iBAAiB,iBAAM;AAAA,QAChD,YAAY,oBAAC,UAAK,WAAU,iBAAgB,wBAAU;AAAA,QACtD,YAAY,oBAAC,UAAK,WAAU,gBAAe,eAAC;AAAA,SAC/C;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA,QACI,wCACA;AAAA,UACN;AAAA,UAEC;AAAA,6BAAiB,oBAAC,iBAAc,MAAM,IAAI,WAAU,iBAAgB;AAAA,YAErE;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,MAAM;AAAA,gBACN,WAAW;AAAA,kBACT;AAAA,kBACA,SAAS;AAAA,kBACT;AAAA,gBACF;AAAA,gBACC,GAAG;AAAA;AAAA,YACN;AAAA,YAEC,kBACC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,kBAAkB,mBAAmB;AAAA,gBAC9C,WAAW;AAAA,kBACT;AAAA,kBACA,mBAAmB;AAAA,gBACrB;AAAA,gBACA,cACE,kBAAmB,eAAe,kBAAkB,kBAAmB;AAAA,gBAGzE;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM;AAAA,oBACN,OAAO,kBAAkB,0BAA0B;AAAA;AAAA,gBACrD;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MAEJ;AAAA,MAEC,gBACC,oBAAC,UAAK,WAAW,GAAG,2BAA2B,YAAY,GAAI,wBAAa;AAAA,MAG7E,uBACC,qBAAC,UAAK,WAAU,yCACb;AAAA;AAAA,QAAc;AAAA,QAAE,WAAW;AAAA,SAC9B;AAAA,OAEJ;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;AAExB,IAAO,oBAAQ;","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/form/FormField.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { IconLock, IconEye, IconEyeOff } from '@tabler/icons-react';\nimport type { TablerIcon } from '@tabler/icons-react';\nimport { Input } from './Input';\nimport { cn } from '../../../infra/utils/clsx';\n\ntype FormFieldSize = 'default' | 'large';\n\ninterface FormFieldProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {\n  label?: string;\n  optional?: boolean;\n  required?: boolean;\n  leftIcon?: TablerIcon;\n  rightIcon?: TablerIcon;\n  rightIconColor?: string;\n  hintMessage?: string;\n  classnameContainer?: string;\n  size?: FormFieldSize;\n  error?: boolean;\n  errorMessage?: string;\n  showCharCount?: boolean;\n  showPassword?: boolean;\n  onTogglePassword?: () => void;\n}\n\nexport const FormField = forwardRef<HTMLInputElement, FormFieldProps>(\n  (\n    {\n      label,\n      optional = false,\n      required = false,\n      leftIcon: LeftIcon,\n      rightIcon: RightIcon,\n      rightIconColor = 'var(--color-gray-400)',\n      hintMessage,\n      size = 'default',\n      type = 'text',\n      error = false,\n      errorMessage,\n      className,\n      classnameContainer,\n      showCharCount = false,\n      showPassword = false,\n      onTogglePassword,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const isPasswordField = type === 'password';\n    const inputType = isPasswordField && showPassword ? 'text' : type;\n    const containerHeight = size === 'large' ? 'h-12' : 'h-10';\n\n    const FinalLeftIcon = isPasswordField ? IconLock : LeftIcon;\n    const FinalRightIcon = isPasswordField ? (!showPassword ? IconEyeOff : IconEye) : RightIcon;\n\n    const finalMessage = error && errorMessage ? errorMessage : hintMessage;\n    const messageColor = error ? 'text-red-600' : 'text-gray-600';\n\n    const currentLength = typeof inputProps.value === 'string' ? inputProps.value.length : 0;\n    const shouldShowCharCount = showCharCount && inputProps.maxLength;\n\n    return (\n      <div className=\"flex flex-col gap-1.5 w-full\">\n        <div className=\"flex items-center gap-1 paragraph-xsmall-semibold truncate\">\n          {label && <span className=\"text-gray-600\">{label}</span>}\n          {optional && <span className=\"text-gray-500\">(Opcional)</span>}\n          {required && <span className=\"text-red-600\">*</span>}\n        </div>\n\n        <div\n          className={cn(\n            'flex gap-2 px-4 items-center border rounded-lg transition-color',\n            containerHeight,\n            classnameContainer,\n            error\n              ? 'border-red-600 hover:border-red-700'\n              : inputProps.disabled\n                ? 'border-transparent'\n                : 'border-gray-200 hover:border-gray-400 focus-within:border-gray-950'\n          )}\n        >\n          {FinalLeftIcon && <FinalLeftIcon size={20} className=\"text-gray-400\" />}\n\n          <Input\n            ref={ref}\n            type={inputType}\n            className={cn(\n              'paragraph-small-medium w-full h-full text-gray-950',\n              error && 'placeholder:text-red-400',\n              className\n            )}\n            {...inputProps}\n          />\n\n          {FinalRightIcon && (\n            <button\n              type=\"button\"\n              onClick={isPasswordField ? onTogglePassword : undefined}\n              className={cn(\n                'flex items-center justify-center',\n                isPasswordField && 'cursor-pointer hover:opacity-70 transition-opacity'\n              )}\n              aria-label={\n                isPasswordField ? (showPassword ? 'Ocultar senha' : 'Mostrar senha') : undefined\n              }\n            >\n              <FinalRightIcon\n                size={20}\n                color={isPasswordField ? 'var(--color-gray-950)' : rightIconColor}\n              />\n            </button>\n          )}\n        </div>\n\n        {finalMessage && (\n          <span className={cn('paragraph-xsmall-medium', messageColor)}>{finalMessage}</span>\n        )}\n\n        {shouldShowCharCount && (\n          <span className=\"paragraph-xsmall-medium text-gray-600\">\n            {currentLength}/{inputProps.maxLength}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nFormField.displayName = 'FormField';\n\nexport default FormField;\n"],"mappings":";AAiEQ,SACY,KADZ;AA/DR,SAAS,kBAAiD;AAC1D,SAAS,UAAU,SAAS,kBAAkB;AAE9C,SAAS,aAAa;AACtB,SAAS,UAAU;AAqBZ,MAAM,YAAY;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,kBAAkB,SAAS;AACjC,UAAM,YAAY,mBAAmB,eAAe,SAAS;AAC7D,UAAM,kBAAkB,SAAS,UAAU,SAAS;AAEpD,UAAM,gBAAgB,kBAAkB,WAAW;AACnD,UAAM,iBAAiB,kBAAmB,CAAC,eAAe,aAAa,UAAW;AAElF,UAAM,eAAe,SAAS,eAAe,eAAe;AAC5D,UAAM,eAAe,QAAQ,iBAAiB;AAE9C,UAAM,gBAAgB,OAAO,WAAW,UAAU,WAAW,WAAW,MAAM,SAAS;AACvF,UAAM,sBAAsB,iBAAiB,WAAW;AAExD,WACE,qBAAC,SAAI,WAAU,gCACb;AAAA,2BAAC,SAAI,WAAU,8DACZ;AAAA,iBAAS,oBAAC,UAAK,WAAU,iBAAiB,iBAAM;AAAA,QAChD,YAAY,oBAAC,UAAK,WAAU,iBAAgB,wBAAU;AAAA,QACtD,YAAY,oBAAC,UAAK,WAAU,gBAAe,eAAC;AAAA,SAC/C;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA,QACI,wCACA,WAAW,WACT,uBACA;AAAA,UACR;AAAA,UAEC;AAAA,6BAAiB,oBAAC,iBAAc,MAAM,IAAI,WAAU,iBAAgB;AAAA,YAErE;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,MAAM;AAAA,gBACN,WAAW;AAAA,kBACT;AAAA,kBACA,SAAS;AAAA,kBACT;AAAA,gBACF;AAAA,gBACC,GAAG;AAAA;AAAA,YACN;AAAA,YAEC,kBACC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,kBAAkB,mBAAmB;AAAA,gBAC9C,WAAW;AAAA,kBACT;AAAA,kBACA,mBAAmB;AAAA,gBACrB;AAAA,gBACA,cACE,kBAAmB,eAAe,kBAAkB,kBAAmB;AAAA,gBAGzE;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM;AAAA,oBACN,OAAO,kBAAkB,0BAA0B;AAAA;AAAA,gBACrD;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MAEJ;AAAA,MAEC,gBACC,oBAAC,UAAK,WAAW,GAAG,2BAA2B,YAAY,GAAI,wBAAa;AAAA,MAG7E,uBACC,qBAAC,UAAK,WAAU,yCACb;AAAA;AAAA,QAAc;AAAA,QAAE,WAAW;AAAA,SAC9B;AAAA,OAEJ;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;AAExB,IAAO,oBAAQ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/common",
-  "version": "1.1.514",
+  "version": "1.1.516",
   "description": "Shared library for GreatApps frontend applications",
   "main": "./dist/index.mjs",
   "types": "./src/index.ts",

package/src/components/account/sections/TokenSection.tsx

@@ -35,7 +35,8 @@ export function TokenSection() {
             value={isLoading ? 'Carregando...' : token}
             disabled
             readOnly
-            classnameContainer="cursor-default opacity-100!"
+            classnameContainer="bg-gray-50 cursor-default opacity-100!"
+            className="text-gray-950/50"
           />
           <Button
             type="button"

package/src/components/ui/form/FormField.tsx

@@ -76,7 +76,9 @@ export const FormField = forwardRef<HTMLInputElement, FormFieldProps>(
             classnameContainer,
             error
               ? 'border-red-600 hover:border-red-700'
-              : 'border-gray-200 hover:border-gray-400 focus-within:border-gray-950'
+              : inputProps.disabled
+                ? 'border-transparent'
+                : 'border-gray-200 hover:border-gray-400 focus-within:border-gray-950'
           )}
         >
           {FinalLeftIcon && <FinalLeftIcon size={20} className="text-gray-400" />}