npm - @customafk/lunas-ui - Versions diffs - 0.2.75 → 0.2.76 - Mend

@customafk/lunas-ui 0.2.75 → 0.2.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (806) hide show

package/dist/{FeatureDeveloping-zuTTDIh_.d.cts → FeatureDeveloping-DRmYHj91.d.cts} RENAMED Viewed

@@ -28,14 +28,7 @@ interface FeatureDevelopingProps {
  * />
  * ```
  */
-declare const FeatureDeveloping: ({
-  title,
-  subtitle,
-  buttonText,
-  onButtonClick,
-  className,
-  iconClassName
-}: FeatureDevelopingProps) => import("react").JSX.Element;
+declare const FeatureDeveloping: ({ title, subtitle, buttonText, onButtonClick, className, iconClassName }: FeatureDevelopingProps) => import("react").JSX.Element;
 //#endregion
 export { FeatureDevelopingProps as n, FeatureDeveloping as t };
-//# sourceMappingURL=FeatureDeveloping-zuTTDIh_.d.cts.map
+//# sourceMappingURL=FeatureDeveloping-DRmYHj91.d.cts.map

package/dist/{FeatureDeveloping-zuTTDIh_.d.mts → FeatureDeveloping-DRmYHj91.d.mts} RENAMED Viewed

@@ -28,14 +28,7 @@ interface FeatureDevelopingProps {
  * />
  * ```
  */
-declare const FeatureDeveloping: ({
-  title,
-  subtitle,
-  buttonText,
-  onButtonClick,
-  className,
-  iconClassName
-}: FeatureDevelopingProps) => import("react").JSX.Element;
+declare const FeatureDeveloping: ({ title, subtitle, buttonText, onButtonClick, className, iconClassName }: FeatureDevelopingProps) => import("react").JSX.Element;
 //#endregion
 export { FeatureDevelopingProps as n, FeatureDeveloping as t };
-//# sourceMappingURL=FeatureDeveloping-zuTTDIh_.d.mts.map
+//# sourceMappingURL=FeatureDeveloping-DRmYHj91.d.mts.map

package/dist/{FeatureFixing-DYQlgHPk.d.cts → FeatureFixing-BHHCDtAQ.d.cts} RENAMED Viewed

@@ -28,14 +28,7 @@ interface FeatureFixingProps {
  * />
  * ```
  */
-declare const FeatureFixing: ({
-  title,
-  subtitle,
-  buttonText,
-  onButtonClick,
-  className,
-  iconClassName
-}: FeatureFixingProps) => import("react").JSX.Element;
+declare const FeatureFixing: ({ title, subtitle, buttonText, onButtonClick, className, iconClassName }: FeatureFixingProps) => import("react").JSX.Element;
 //#endregion
 export { FeatureFixingProps as n, FeatureFixing as t };
-//# sourceMappingURL=FeatureFixing-DYQlgHPk.d.cts.map
+//# sourceMappingURL=FeatureFixing-BHHCDtAQ.d.cts.map

package/dist/{FeatureFixing-DYQlgHPk.d.mts → FeatureFixing-BHHCDtAQ.d.mts} RENAMED Viewed

@@ -28,14 +28,7 @@ interface FeatureFixingProps {
  * />
  * ```
  */
-declare const FeatureFixing: ({
-  title,
-  subtitle,
-  buttonText,
-  onButtonClick,
-  className,
-  iconClassName
-}: FeatureFixingProps) => import("react").JSX.Element;
+declare const FeatureFixing: ({ title, subtitle, buttonText, onButtonClick, className, iconClassName }: FeatureFixingProps) => import("react").JSX.Element;
 //#endregion
 export { FeatureFixingProps as n, FeatureFixing as t };
-//# sourceMappingURL=FeatureFixing-DYQlgHPk.d.mts.map
+//# sourceMappingURL=FeatureFixing-BHHCDtAQ.d.mts.map

package/dist/{LoginPage-vMXvwtxf.d.cts → LoginPage-DDljzV6A.d.cts} RENAMED Viewed

@@ -37,17 +37,7 @@ interface LoginPageProps {
  * />
  * ```
  */
-declare const LoginPage: ({
-  open,
-  onOpenChange,
-  onLogin,
-  onForgotPassword,
-  onRegister,
-  isLoading,
-  errorMessage,
-  title,
-  subtitle
-}: LoginPageProps) => import("react").JSX.Element;
+declare const LoginPage: ({ open, onOpenChange, onLogin, onForgotPassword, onRegister, isLoading, errorMessage, title, subtitle }: LoginPageProps) => import("react").JSX.Element;
 //#endregion
 export { LoginPageProps as n, LoginPage as t };
-//# sourceMappingURL=LoginPage-vMXvwtxf.d.cts.map
+//# sourceMappingURL=LoginPage-DDljzV6A.d.cts.map

package/dist/{LoginPage-vMXvwtxf.d.mts → LoginPage-DDljzV6A.d.mts} RENAMED Viewed

@@ -37,17 +37,7 @@ interface LoginPageProps {
  * />
  * ```
  */
-declare const LoginPage: ({
-  open,
-  onOpenChange,
-  onLogin,
-  onForgotPassword,
-  onRegister,
-  isLoading,
-  errorMessage,
-  title,
-  subtitle
-}: LoginPageProps) => import("react").JSX.Element;
+declare const LoginPage: ({ open, onOpenChange, onLogin, onForgotPassword, onRegister, isLoading, errorMessage, title, subtitle }: LoginPageProps) => import("react").JSX.Element;
 //#endregion
 export { LoginPageProps as n, LoginPage as t };
-//# sourceMappingURL=LoginPage-vMXvwtxf.d.mts.map
+//# sourceMappingURL=LoginPage-DDljzV6A.d.mts.map

package/dist/{NotAuthorized-CZIQ6EaA.d.cts → NotAuthorized-DTT57OHb.d.cts} RENAMED Viewed

@@ -28,14 +28,7 @@ interface NotAuthorizedProps {
  * />
  * ```
  */
-declare const NotAuthorized: ({
-  title,
-  subtitle,
-  buttonText,
-  onButtonClick,
-  className,
-  iconClassName
-}: NotAuthorizedProps) => import("react").JSX.Element;
+declare const NotAuthorized: ({ title, subtitle, buttonText, onButtonClick, className, iconClassName }: NotAuthorizedProps) => import("react").JSX.Element;
 //#endregion
 export { NotAuthorizedProps as n, NotAuthorized as t };
-//# sourceMappingURL=NotAuthorized-CZIQ6EaA.d.cts.map
+//# sourceMappingURL=NotAuthorized-DTT57OHb.d.cts.map

package/dist/{NotAuthorized-CZIQ6EaA.d.mts → NotAuthorized-DTT57OHb.d.mts} RENAMED Viewed

@@ -28,14 +28,7 @@ interface NotAuthorizedProps {
  * />
  * ```
  */
-declare const NotAuthorized: ({
-  title,
-  subtitle,
-  buttonText,
-  onButtonClick,
-  className,
-  iconClassName
-}: NotAuthorizedProps) => import("react").JSX.Element;
+declare const NotAuthorized: ({ title, subtitle, buttonText, onButtonClick, className, iconClassName }: NotAuthorizedProps) => import("react").JSX.Element;
 //#endregion
 export { NotAuthorizedProps as n, NotAuthorized as t };
-//# sourceMappingURL=NotAuthorized-CZIQ6EaA.d.mts.map
+//# sourceMappingURL=NotAuthorized-DTT57OHb.d.mts.map

package/dist/{NotFound-CRSKxhV8.d.cts → NotFound-BeUB1yus.d.cts} RENAMED Viewed

@@ -28,14 +28,7 @@ interface NotFoundProps {
  * />
  * ```
  */
-declare const NotFound: ({
-  title,
-  subtitle,
-  buttonText,
-  onButtonClick,
-  className,
-  iconClassName
-}: NotFoundProps) => import("react").JSX.Element;
+declare const NotFound: ({ title, subtitle, buttonText, onButtonClick, className, iconClassName }: NotFoundProps) => import("react").JSX.Element;
 //#endregion
 export { NotFoundProps as n, NotFound as t };
-//# sourceMappingURL=NotFound-CRSKxhV8.d.cts.map
+//# sourceMappingURL=NotFound-BeUB1yus.d.cts.map

package/dist/{NotFound-CRSKxhV8.d.mts → NotFound-BeUB1yus.d.mts} RENAMED Viewed

@@ -28,14 +28,7 @@ interface NotFoundProps {
  * />
  * ```
  */
-declare const NotFound: ({
-  title,
-  subtitle,
-  buttonText,
-  onButtonClick,
-  className,
-  iconClassName
-}: NotFoundProps) => import("react").JSX.Element;
+declare const NotFound: ({ title, subtitle, buttonText, onButtonClick, className, iconClassName }: NotFoundProps) => import("react").JSX.Element;
 //#endregion
 export { NotFoundProps as n, NotFound as t };
-//# sourceMappingURL=NotFound-CRSKxhV8.d.mts.map
+//# sourceMappingURL=NotFound-BeUB1yus.d.mts.map

package/dist/{RegisterPage-BBtpEzvL.d.cts → RegisterPage-LuTuV7Sw.d.cts} RENAMED Viewed

@@ -35,16 +35,7 @@ interface RegisterPageProps {
  * />
  * ```
  */
-declare const RegisterPage: ({
-  open,
-  onOpenChange,
-  onRegister,
-  onLogin,
-  isLoading,
-  errorMessage,
-  title,
-  subtitle
-}: RegisterPageProps) => import("react").JSX.Element;
+declare const RegisterPage: ({ open, onOpenChange, onRegister, onLogin, isLoading, errorMessage, title, subtitle }: RegisterPageProps) => import("react").JSX.Element;
 //#endregion
 export { RegisterPageProps as n, RegisterPage as t };
-//# sourceMappingURL=RegisterPage-BBtpEzvL.d.cts.map
+//# sourceMappingURL=RegisterPage-LuTuV7Sw.d.cts.map

package/dist/{RegisterPage-BBtpEzvL.d.mts → RegisterPage-LuTuV7Sw.d.mts} RENAMED Viewed

@@ -35,16 +35,7 @@ interface RegisterPageProps {
  * />
  * ```
  */
-declare const RegisterPage: ({
-  open,
-  onOpenChange,
-  onRegister,
-  onLogin,
-  isLoading,
-  errorMessage,
-  title,
-  subtitle
-}: RegisterPageProps) => import("react").JSX.Element;
+declare const RegisterPage: ({ open, onOpenChange, onRegister, onLogin, isLoading, errorMessage, title, subtitle }: RegisterPageProps) => import("react").JSX.Element;
 //#endregion
 export { RegisterPageProps as n, RegisterPage as t };
-//# sourceMappingURL=RegisterPage-BBtpEzvL.d.mts.map
+//# sourceMappingURL=RegisterPage-LuTuV7Sw.d.mts.map

package/dist/{VerifyEmailPage-CsmIeYLu.d.cts → VerifyEmailPage-5DFlEkk3.d.cts} RENAMED Viewed

@@ -44,19 +44,7 @@ interface VerifyEmailPageProps {
  * />
  * ```
  */
-declare const VerifyEmailPage: ({
-  open,
-  onOpenChange,
-  email,
-  onVerify,
-  onResend,
-  onBack,
-  isLoading,
-  errorMessage,
-  title,
-  subtitle,
-  resendCooldownSeconds
-}: VerifyEmailPageProps) => import("react").JSX.Element;
+declare const VerifyEmailPage: ({ open, onOpenChange, email, onVerify, onResend, onBack, isLoading, errorMessage, title, subtitle, resendCooldownSeconds }: VerifyEmailPageProps) => import("react").JSX.Element;
 //#endregion
 export { VerifyEmailPageProps as n, VerifyEmailPage as t };
-//# sourceMappingURL=VerifyEmailPage-CsmIeYLu.d.cts.map
+//# sourceMappingURL=VerifyEmailPage-5DFlEkk3.d.cts.map

package/dist/{VerifyEmailPage-CsmIeYLu.d.mts → VerifyEmailPage-5DFlEkk3.d.mts} RENAMED Viewed

@@ -44,19 +44,7 @@ interface VerifyEmailPageProps {
  * />
  * ```
  */
-declare const VerifyEmailPage: ({
-  open,
-  onOpenChange,
-  email,
-  onVerify,
-  onResend,
-  onBack,
-  isLoading,
-  errorMessage,
-  title,
-  subtitle,
-  resendCooldownSeconds
-}: VerifyEmailPageProps) => import("react").JSX.Element;
+declare const VerifyEmailPage: ({ open, onOpenChange, email, onVerify, onResend, onBack, isLoading, errorMessage, title, subtitle, resendCooldownSeconds }: VerifyEmailPageProps) => import("react").JSX.Element;
 //#endregion
 export { VerifyEmailPageProps as n, VerifyEmailPage as t };
-//# sourceMappingURL=VerifyEmailPage-CsmIeYLu.d.mts.map
+//# sourceMappingURL=VerifyEmailPage-5DFlEkk3.d.mts.map

package/dist/{action-submit-ScN29AQ1.mjs → action-submit-DVNxnW4-.mjs} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{Button as e}from"./ui/button.mjs";import{K as t}from"./tanstack-form-AGwPfwiM.mjs";import{useCallback as n}from"react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i}from"react/jsx-runtime";const a=({label:a,className:o})=>{let s=t(),c=n(async()=>{await s.handleSubmit({submitAction:`submit`}),s.state.isSubmitSuccessful&&s.reset()},[s]);return i(s.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:t,isSubmitting:n})=>i(e,{type:`button`,size:`md`,disabled:t,isLoading:n,className:r(`min-h-8 min-w-32`,o),onClick:c,children:a??`Xác nhận`})})};export{a as TanStackActionSubmit};
-//# sourceMappingURL=action-submit-ScN29AQ1.mjs.map
+import{Button as e}from"./ui/button.mjs";import{K as t}from"./tanstack-form-q9hDCc0Y.mjs";import{useCallback as n}from"react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i}from"react/jsx-runtime";const a=({label:a,className:o})=>{let s=t(),c=n(async()=>{await s.handleSubmit({submitAction:`submit`}),s.state.isSubmitSuccessful&&s.reset()},[s]);return i(s.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:t,isSubmitting:n})=>i(e,{type:`button`,size:`md`,disabled:t,isLoading:n,className:r(`min-h-8 min-w-32`,o),onClick:c,children:a??`Xác nhận`})})};export{a as TanStackActionSubmit};
+//# sourceMappingURL=action-submit-DVNxnW4-.mjs.map

package/dist/{action-submit-ScN29AQ1.mjs.map → action-submit-DVNxnW4-.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"action-submit-~~ScN29AQ1.~~mjs","names":[],"sources":["../packages/components/features/tanstack-form/components/forms/action-submit.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '@/components/ui/button';\n\nimport { useTanStackFormContext } from '../form-context';\n\n/*\n Renders a submit button wired to the current TanStack Form context, automatically handling loading and disabled states.\n \n @example\n * import { TanStackActionSubmit } from '@customafk/lunas-ui/features/tanstack-form';\n \n // Inside a TanStack Form provider:\n * <TanStackActionSubmit label=\"Save Changes\" className=\"mt-4\" />\n /\nexport const TanStackActionSubmit: React.FC<{\n /* Button label text. Defaults to `'Submit'` when omitted. /\n label?: string;\n /* Additional CSS class names applied to the button element. */\n className?: string;\n}> = ({ label, className }) => {\n const form = useTanStackFormContext();\n\n const onSubmit = useCallback(async () => {\n await form.handleSubmit({ submitAction: 'submit' });\n if (!form.state.isSubmitSuccessful) return;\n form.reset();\n }, [form]);\n return (\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| !state.isValid \|\| state.isValidating \|\| state.isSubmitting \|\| !state.canSubmit \|\| state.isDefaultValue,\n isSubmitting: state.isSubmitting,\n })}\n children={({ disabled, isSubmitting }) => {\n return (\n <Button type=\"button\" size=\"md\" disabled={disabled} isLoading={isSubmitting} className={cn('min-h-8 min-w-32', className)} onClick={onSubmit}>\n {label ?? 'Xác nhận'}\n </Button>\n );\n }}\n />\n );\n};\n"],"mappings":"0NAiBA,MAAa,GAKP,CAAE,QAAO,eAAgB,CAC7B,IAAM,EAAO,EAAuB,EAE9B,EAAW,EAAY,SAAY,CACvC,MAAM,EAAK,aAAa,CAAE,aAAc,QAAS,CAAC,EAC7C,EAAK,MAAM,oBAChB,EAAK,MAAM,CACb,EAAG,CAAC,CAAI,CAAC,EACT,OACE,EAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,CAAC,EAAM,SAAW,EAAM,cAAgB,EAAM,cAAgB,CAAC,EAAM,WAAa,EAAM,eACtH,aAAc,EAAM,YACtB,GACA,UAAW,CAAE,WAAU,kBAEnB,EAAC,EAAD,CAAQ,KAAK,SAAS,KAAK,KAAe,WAAU,UAAW,EAAc,UAAW,EAAG,mBAAoB,CAAS,EAAG,QAAS,~~WACjI~~,GAAS,UACJ,CAAA,CAGb,CAAA,CAEL"}
1	+ {"version":3,"file":"action-submit-DVNxnW4-.mjs","names":[],"sources":["../packages/components/features/tanstack-form/components/forms/action-submit.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '@/components/ui/button';\n\nimport { useTanStackFormContext } from '../form-context';\n\n/*\n Renders a submit button wired to the current TanStack Form context, automatically handling loading and disabled states.\n \n @example\n * import { TanStackActionSubmit } from '@customafk/lunas-ui/features/tanstack-form';\n \n // Inside a TanStack Form provider:\n * <TanStackActionSubmit label=\"Save Changes\" className=\"mt-4\" />\n /\nexport const TanStackActionSubmit: React.FC<{\n /* Button label text. Defaults to `'Submit'` when omitted. /\n label?: string;\n /* Additional CSS class names applied to the button element. */\n className?: string;\n}> = ({ label, className }) => {\n const form = useTanStackFormContext();\n\n const onSubmit = useCallback(async () => {\n await form.handleSubmit({ submitAction: 'submit' });\n if (!form.state.isSubmitSuccessful) return;\n form.reset();\n }, [form]);\n return (\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| !state.isValid \|\| state.isValidating \|\| state.isSubmitting \|\| !state.canSubmit \|\| state.isDefaultValue,\n isSubmitting: state.isSubmitting,\n })}\n children={({ disabled, isSubmitting }) => {\n return (\n <Button type=\"button\" size=\"md\" disabled={disabled} isLoading={isSubmitting} className={cn('min-h-8 min-w-32', className)} onClick={onSubmit}>\n {label ?? 'Xác nhận'}\n </Button>\n );\n }}\n />\n );\n};\n"],"mappings":"0NAiBA,MAAa,GAKP,CAAE,QAAO,eAAgB,CAC7B,IAAM,EAAO,EAAuB,EAE9B,EAAW,EAAY,SAAY,CACvC,MAAM,EAAK,aAAa,CAAE,aAAc,QAAS,CAAC,EAC7C,EAAK,MAAM,oBAChB,EAAK,MAAM,CACb,EAAG,CAAC,CAAI,CAAC,EACT,OACE,EAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,CAAC,EAAM,SAAW,EAAM,cAAgB,EAAM,cAAgB,CAAC,EAAM,WAAa,EAAM,eACtH,aAAc,EAAM,YACtB,GACA,UAAW,CAAE,WAAU,kBAEnB,EAAC,EAAD,CAAQ,KAAK,SAAS,KAAK,KAAe,WAAU,UAAW,EAAc,UAAW,EAAG,mBAAoB,CAAS,EAAG,QAAS,EACjI,SAAA,GAAS,UACJ,CAAA,CAGb,CAAA,CAEL"}

package/dist/{action-submit-DI590CG3.cjs → action-submit-kYjq-iPD.cjs} RENAMED Viewed

@@ -1,2 +1,2 @@
-const e=require("./ui/button.cjs"),t=require("./tanstack-form-Bae0TOEr.cjs");let n=require("react"),r=require("@customafk/react-toolkit/utils"),i=require("react/jsx-runtime");const a=({label:a,className:o})=>{let s=t.K(),c=(0,n.useCallback)(async()=>{await s.handleSubmit({submitAction:`submit`}),s.state.isSubmitSuccessful&&s.reset()},[s]);return(0,i.jsx)(s.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:t,isSubmitting:n})=>(0,i.jsx)(e.Button,{type:`button`,size:`md`,disabled:t,isLoading:n,className:(0,r.cn)(`min-h-8 min-w-32`,o),onClick:c,children:a??`Xác nhận`})})};exports.TanStackActionSubmit=a;
-//# sourceMappingURL=action-submit-DI590CG3.cjs.map
+const e=require("./ui/button.cjs"),t=require("./tanstack-form-BxqS40rB.cjs");let n=require("react"),r=require("@customafk/react-toolkit/utils"),i=require("react/jsx-runtime");const a=({label:a,className:o})=>{let s=t.K(),c=(0,n.useCallback)(async()=>{await s.handleSubmit({submitAction:`submit`}),s.state.isSubmitSuccessful&&s.reset()},[s]);return(0,i.jsx)(s.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:t,isSubmitting:n})=>(0,i.jsx)(e.Button,{type:`button`,size:`md`,disabled:t,isLoading:n,className:(0,r.cn)(`min-h-8 min-w-32`,o),onClick:c,children:a??`Xác nhận`})})};exports.TanStackActionSubmit=a;
+//# sourceMappingURL=action-submit-kYjq-iPD.cjs.map

package/dist/{action-submit-DI590CG3.cjs.map → action-submit-kYjq-iPD.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"action-submit-~~DI590CG3~~.cjs","names":["useTanStackFormContext","Button"],"sources":["../packages/components/features/tanstack-form/components/forms/action-submit.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '@/components/ui/button';\n\nimport { useTanStackFormContext } from '../form-context';\n\n/*\n Renders a submit button wired to the current TanStack Form context, automatically handling loading and disabled states.\n \n @example\n * import { TanStackActionSubmit } from '@customafk/lunas-ui/features/tanstack-form';\n \n // Inside a TanStack Form provider:\n * <TanStackActionSubmit label=\"Save Changes\" className=\"mt-4\" />\n /\nexport const TanStackActionSubmit: React.FC<{\n /* Button label text. Defaults to `'Submit'` when omitted. /\n label?: string;\n /* Additional CSS class names applied to the button element. */\n className?: string;\n}> = ({ label, className }) => {\n const form = useTanStackFormContext();\n\n const onSubmit = useCallback(async () => {\n await form.handleSubmit({ submitAction: 'submit' });\n if (!form.state.isSubmitSuccessful) return;\n form.reset();\n }, [form]);\n return (\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| !state.isValid \|\| state.isValidating \|\| state.isSubmitting \|\| !state.canSubmit \|\| state.isDefaultValue,\n isSubmitting: state.isSubmitting,\n })}\n children={({ disabled, isSubmitting }) => {\n return (\n <Button type=\"button\" size=\"md\" disabled={disabled} isLoading={isSubmitting} className={cn('min-h-8 min-w-32', className)} onClick={onSubmit}>\n {label ?? 'Xác nhận'}\n </Button>\n );\n }}\n />\n );\n};\n"],"mappings":"+KAiBA,MAAa,GAKP,CAAE,QAAO,eAAgB,CAC7B,IAAM,EAAOA,EAAAA,EAAuB,EAE9B,GAAA,EAAA,EAAA,YAAA,CAAuB,SAAY,CACvC,MAAM,EAAK,aAAa,CAAE,aAAc,QAAS,CAAC,EAC7C,EAAK,MAAM,oBAChB,EAAK,MAAM,CACb,EAAG,CAAC,CAAI,CAAC,EACT,OACE,EAAA,EAAA,IAAA,CAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,CAAC,EAAM,SAAW,EAAM,cAAgB,EAAM,cAAgB,CAAC,EAAM,WAAa,EAAM,eACtH,aAAc,EAAM,YACtB,GACA,UAAW,CAAE,WAAU,mBAEnB,EAAA,EAAA,IAAA,CAACC,EAAAA,OAAD,CAAQ,KAAK,SAAS,KAAK,KAAe,WAAU,UAAW,EAAc,WAAA,EAAA,EAAA,GAAA,CAAc,mBAAoB,CAAS,EAAG,QAAS,~~WACjI~~,GAAS,UACJ,CAAA,CAGb,CAAA,CAEL"}
1	+ {"version":3,"file":"action-submit-kYjq-iPD.cjs","names":["useTanStackFormContext","Button"],"sources":["../packages/components/features/tanstack-form/components/forms/action-submit.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '@/components/ui/button';\n\nimport { useTanStackFormContext } from '../form-context';\n\n/*\n Renders a submit button wired to the current TanStack Form context, automatically handling loading and disabled states.\n \n @example\n * import { TanStackActionSubmit } from '@customafk/lunas-ui/features/tanstack-form';\n \n // Inside a TanStack Form provider:\n * <TanStackActionSubmit label=\"Save Changes\" className=\"mt-4\" />\n /\nexport const TanStackActionSubmit: React.FC<{\n /* Button label text. Defaults to `'Submit'` when omitted. /\n label?: string;\n /* Additional CSS class names applied to the button element. */\n className?: string;\n}> = ({ label, className }) => {\n const form = useTanStackFormContext();\n\n const onSubmit = useCallback(async () => {\n await form.handleSubmit({ submitAction: 'submit' });\n if (!form.state.isSubmitSuccessful) return;\n form.reset();\n }, [form]);\n return (\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| !state.isValid \|\| state.isValidating \|\| state.isSubmitting \|\| !state.canSubmit \|\| state.isDefaultValue,\n isSubmitting: state.isSubmitting,\n })}\n children={({ disabled, isSubmitting }) => {\n return (\n <Button type=\"button\" size=\"md\" disabled={disabled} isLoading={isSubmitting} className={cn('min-h-8 min-w-32', className)} onClick={onSubmit}>\n {label ?? 'Xác nhận'}\n </Button>\n );\n }}\n />\n );\n};\n"],"mappings":"+KAiBA,MAAa,GAKP,CAAE,QAAO,eAAgB,CAC7B,IAAM,EAAOA,EAAAA,EAAuB,EAE9B,GAAA,EAAA,EAAA,YAAA,CAAuB,SAAY,CACvC,MAAM,EAAK,aAAa,CAAE,aAAc,QAAS,CAAC,EAC7C,EAAK,MAAM,oBAChB,EAAK,MAAM,CACb,EAAG,CAAC,CAAI,CAAC,EACT,OACE,EAAA,EAAA,IAAA,CAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,CAAC,EAAM,SAAW,EAAM,cAAgB,EAAM,cAAgB,CAAC,EAAM,WAAa,EAAM,eACtH,aAAc,EAAM,YACtB,GACA,UAAW,CAAE,WAAU,mBAEnB,EAAA,EAAA,IAAA,CAACC,EAAAA,OAAD,CAAQ,KAAK,SAAS,KAAK,KAAe,WAAU,UAAW,EAAc,WAAA,EAAA,EAAA,GAAA,CAAc,mBAAoB,CAAS,EAAG,QAAS,EACjI,SAAA,GAAS,UACJ,CAAA,CAGb,CAAA,CAEL"}

package/dist/{actions-form-CNW4nhAP.cjs → actions-form-CwicJU89.cjs} RENAMED Viewed

@@ -1,2 +1,2 @@
-const e=require("./ui/button.cjs"),t=require("./tanstack-form-Bae0TOEr.cjs");let n=require("lucide-react"),r=require("react/jsx-runtime");const i=({type:i=`create`})=>{let a=t.K();return(0,r.jsxs)(`div`,{className:`flex h-8 items-center justify-between`,children:[(0,r.jsx)(a.Subscribe,{selector:e=>({disabled:e.isPristine||e.isSubmitting}),children:({disabled:t})=>(0,r.jsx)(e.Button,{color:`muted`,variant:`outline`,type:`button`,size:`md`,disabled:t,className:`h-full min-w-32`,onClick:()=>a.reset(),children:`Hủy bỏ`})}),i===`create`&&(0,r.jsx)(a.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:t,isSubmitting:i})=>(0,r.jsxs)(e.Button,{type:`submit`,size:`md`,disabled:t,isLoading:i,className:`h-full min-w-32`,onClick:async()=>{await a.handleSubmit({submitAction:`create`}),a.state.isSubmitSuccessful&&a.reset()},children:[(0,r.jsx)(n.PlusIcon,{}),`Thêm mới`]})}),i===`update`&&(0,r.jsx)(a.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:t,isSubmitting:i})=>(0,r.jsxs)(e.Button,{type:`submit`,size:`md`,disabled:t,isLoading:i,className:`h-full min-w-32`,onClick:async()=>{await a.handleSubmit({submitAction:`update`}),a.state.isSubmitSuccessful&&a.reset()},children:[(0,r.jsx)(n.ArrowDownToLine,{}),`Cập nhật`]})})]})};exports.TanStackActionsForm=i;
-//# sourceMappingURL=actions-form-CNW4nhAP.cjs.map
+const e=require("./ui/button.cjs"),t=require("./tanstack-form-BxqS40rB.cjs");let n=require("lucide-react"),r=require("react/jsx-runtime");const i=({type:i=`create`})=>{let a=t.K();return(0,r.jsxs)(`div`,{className:`flex h-8 items-center justify-between`,children:[(0,r.jsx)(a.Subscribe,{selector:e=>({disabled:e.isPristine||e.isSubmitting}),children:({disabled:t})=>(0,r.jsx)(e.Button,{color:`muted`,variant:`outline`,type:`button`,size:`md`,disabled:t,className:`h-full min-w-32`,onClick:()=>a.reset(),children:`Hủy bỏ`})}),i===`create`&&(0,r.jsx)(a.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:t,isSubmitting:i})=>(0,r.jsxs)(e.Button,{type:`submit`,size:`md`,disabled:t,isLoading:i,className:`h-full min-w-32`,onClick:async()=>{await a.handleSubmit({submitAction:`create`}),a.state.isSubmitSuccessful&&a.reset()},children:[(0,r.jsx)(n.PlusIcon,{}),`Thêm mới`]})}),i===`update`&&(0,r.jsx)(a.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:t,isSubmitting:i})=>(0,r.jsxs)(e.Button,{type:`submit`,size:`md`,disabled:t,isLoading:i,className:`h-full min-w-32`,onClick:async()=>{await a.handleSubmit({submitAction:`update`}),a.state.isSubmitSuccessful&&a.reset()},children:[(0,r.jsx)(n.ArrowDownToLine,{}),`Cập nhật`]})})]})};exports.TanStackActionsForm=i;
+//# sourceMappingURL=actions-form-CwicJU89.cjs.map

package/dist/{actions-form-CNW4nhAP.cjs.map → actions-form-CwicJU89.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"actions-form-~~CNW4nhAP~~.cjs","names":["useTanStackFormContext","Button","PlusIcon","ArrowDownToLine"],"sources":["../packages/components/features/tanstack-form/components/forms/actions-form.tsx"],"sourcesContent":["import { ArrowDownToLine, PlusIcon } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\n\nimport { useTanStackFormContext } from '../form-context';\n\n/*\n Renders a form action bar with a Cancel button and a context-aware submit button (Add New or Update) driven by TanStack Form state.\n \n @example\n * import { TanStackActionsForm } from '@customafk/lunas-ui/features/tanstack-form';\n \n // Inside a TanStack Form provider:\n * <TanStackActionsForm type=\"create\" />\n \n // For an update workflow:\n * <TanStackActionsForm type=\"update\" />\n /\nexport const TanStackActionsForm: React.FC<\n React.PropsWithChildren<{\n /\n Determines which submit button variant is rendered.\n * - `'create'` — shows an \"Add New\" button that resets the form on success.\n * - `'update'` — shows an \"Update\" button that resets the form on success.\n * Defaults to `'create'`.\n */\n type?: 'create' \| 'update';\n }>\n> = ({ type = 'create' }) => {\n const form = useTanStackFormContext();\n return (\n <div className=\"flex h-8 items-center justify-between\">\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| state.isSubmitting,\n })}\n children={({ disabled }) => {\n return (\n <Button color=\"muted\" variant=\"outline\" type=\"button\" size=\"md\" disabled={disabled} className=\"h-full min-w-32\" onClick={() => form.reset()}>\n Hủy bỏ\n </Button>\n );\n }}\n />\n {type === 'create' && (\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| !state.isValid \|\| state.isValidating \|\| state.isSubmitting \|\| !state.canSubmit \|\| state.isDefaultValue,\n isSubmitting: state.isSubmitting,\n })}\n children={({ disabled, isSubmitting }) => {\n return (\n <Button\n type=\"submit\"\n size=\"md\"\n disabled={disabled}\n isLoading={isSubmitting}\n className=\"h-full min-w-32\"\n onClick={async () => {\n await form.handleSubmit({ submitAction: 'create' });\n if (!form.state.isSubmitSuccessful) return;\n form.reset();\n }}\n >\n <PlusIcon />\n Thêm mới\n </Button>\n );\n }}\n />\n )}\n {type === 'update' && (\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| !state.isValid \|\| state.isValidating \|\| state.isSubmitting \|\| !state.canSubmit \|\| state.isDefaultValue,\n isSubmitting: state.isSubmitting,\n })}\n children={({ disabled, isSubmitting }) => {\n return (\n <Button\n type=\"submit\"\n size=\"md\"\n disabled={disabled}\n isLoading={isSubmitting}\n className=\"h-full min-w-32\"\n onClick={async () => {\n await form.handleSubmit({ submitAction: 'update' });\n if (!form.state.isSubmitSuccessful) return;\n form.reset();\n }}\n >\n <ArrowDownToLine />\n Cập nhật\n </Button>\n );\n }}\n />\n )}\n </div>\n );\n};\n"],"mappings":"0IAkBA,MAAa,GAUR,CAAE,OAAO,YAAe,CAC3B,IAAM,EAAOA,EAAAA,EAAuB,EACpC,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,~~iDAAf~~,EACE,EAAA,EAAA,IAAA,CAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,EAAM,YACtC,GACA,UAAW,CAAE,eAET,EAAA,EAAA,IAAA,CAACC,EAAAA,OAAD,CAAQ,MAAM,QAAQ,QAAQ,UAAU,KAAK,SAAS,KAAK,KAAe,WAAU,UAAU,kBAAkB,YAAe,EAAK,MAAM,~~WAAG~~,QAErI,CAAA,CAGb,CAAA,EACA,IAAS,WACR,EAAA,EAAA,IAAA,CAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,CAAC,EAAM,SAAW,EAAM,cAAgB,EAAM,cAAgB,CAAC,EAAM,WAAa,EAAM,eACtH,aAAc,EAAM,YACtB,GACA,UAAW,CAAE,WAAU,mBAEnB,EAAA,EAAA,KAAA,CAACA,EAAAA,OAAD,CACE,KAAK,SACL,KAAK,KACK,WACV,UAAW,EACX,UAAU,kBACV,QAAS,SAAY,CACnB,MAAM,EAAK,aAAa,CAAE,aAAc,QAAS,CAAC,EAC7C,EAAK,MAAM,oBAChB,EAAK,MAAM,CACb,~~WAVF~~,EAYE,EAAA,EAAA,IAAA,CAACC,EAAAA,SAAD,CAAW,CAAA,EAAC,UAEN,GAGb,CAAA,EAEF,IAAS,WACR,EAAA,EAAA,IAAA,CAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,CAAC,EAAM,SAAW,EAAM,cAAgB,EAAM,cAAgB,CAAC,EAAM,WAAa,EAAM,eACtH,aAAc,EAAM,YACtB,GACA,UAAW,CAAE,WAAU,mBAEnB,EAAA,EAAA,KAAA,CAACD,EAAAA,OAAD,CACE,KAAK,SACL,KAAK,KACK,WACV,UAAW,EACX,UAAU,kBACV,QAAS,SAAY,CACnB,MAAM,EAAK,aAAa,CAAE,aAAc,QAAS,CAAC,EAC7C,EAAK,MAAM,oBAChB,EAAK,MAAM,CACb,~~WAVF~~,EAYE,EAAA,EAAA,IAAA,CAACE,EAAAA,gBAAD,CAAkB,CAAA,EAAC,UAEb,GAGb,CAAA,CAEA,GAET"}
1	+ {"version":3,"file":"actions-form-CwicJU89.cjs","names":["useTanStackFormContext","Button","PlusIcon","ArrowDownToLine"],"sources":["../packages/components/features/tanstack-form/components/forms/actions-form.tsx"],"sourcesContent":["import { ArrowDownToLine, PlusIcon } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\n\nimport { useTanStackFormContext } from '../form-context';\n\n/*\n Renders a form action bar with a Cancel button and a context-aware submit button (Add New or Update) driven by TanStack Form state.\n \n @example\n * import { TanStackActionsForm } from '@customafk/lunas-ui/features/tanstack-form';\n \n // Inside a TanStack Form provider:\n * <TanStackActionsForm type=\"create\" />\n \n // For an update workflow:\n * <TanStackActionsForm type=\"update\" />\n /\nexport const TanStackActionsForm: React.FC<\n React.PropsWithChildren<{\n /\n Determines which submit button variant is rendered.\n * - `'create'` — shows an \"Add New\" button that resets the form on success.\n * - `'update'` — shows an \"Update\" button that resets the form on success.\n * Defaults to `'create'`.\n */\n type?: 'create' \| 'update';\n }>\n> = ({ type = 'create' }) => {\n const form = useTanStackFormContext();\n return (\n <div className=\"flex h-8 items-center justify-between\">\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| state.isSubmitting,\n })}\n children={({ disabled }) => {\n return (\n <Button color=\"muted\" variant=\"outline\" type=\"button\" size=\"md\" disabled={disabled} className=\"h-full min-w-32\" onClick={() => form.reset()}>\n Hủy bỏ\n </Button>\n );\n }}\n />\n {type === 'create' && (\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| !state.isValid \|\| state.isValidating \|\| state.isSubmitting \|\| !state.canSubmit \|\| state.isDefaultValue,\n isSubmitting: state.isSubmitting,\n })}\n children={({ disabled, isSubmitting }) => {\n return (\n <Button\n type=\"submit\"\n size=\"md\"\n disabled={disabled}\n isLoading={isSubmitting}\n className=\"h-full min-w-32\"\n onClick={async () => {\n await form.handleSubmit({ submitAction: 'create' });\n if (!form.state.isSubmitSuccessful) return;\n form.reset();\n }}\n >\n <PlusIcon />\n Thêm mới\n </Button>\n );\n }}\n />\n )}\n {type === 'update' && (\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| !state.isValid \|\| state.isValidating \|\| state.isSubmitting \|\| !state.canSubmit \|\| state.isDefaultValue,\n isSubmitting: state.isSubmitting,\n })}\n children={({ disabled, isSubmitting }) => {\n return (\n <Button\n type=\"submit\"\n size=\"md\"\n disabled={disabled}\n isLoading={isSubmitting}\n className=\"h-full min-w-32\"\n onClick={async () => {\n await form.handleSubmit({ submitAction: 'update' });\n if (!form.state.isSubmitSuccessful) return;\n form.reset();\n }}\n >\n <ArrowDownToLine />\n Cập nhật\n </Button>\n );\n }}\n />\n )}\n </div>\n );\n};\n"],"mappings":"0IAkBA,MAAa,GAUR,CAAE,OAAO,YAAe,CAC3B,IAAM,EAAOA,EAAAA,EAAuB,EACpC,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,wCAAf,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,EAAM,YACtC,GACA,UAAW,CAAE,eAET,EAAA,EAAA,IAAA,CAACC,EAAAA,OAAD,CAAQ,MAAM,QAAQ,QAAQ,UAAU,KAAK,SAAS,KAAK,KAAe,WAAU,UAAU,kBAAkB,YAAe,EAAK,MAAM,EAAG,SAAA,QAErI,CAAA,CAGb,CAAA,EACA,IAAS,WACR,EAAA,EAAA,IAAA,CAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,CAAC,EAAM,SAAW,EAAM,cAAgB,EAAM,cAAgB,CAAC,EAAM,WAAa,EAAM,eACtH,aAAc,EAAM,YACtB,GACA,UAAW,CAAE,WAAU,mBAEnB,EAAA,EAAA,KAAA,CAACA,EAAAA,OAAD,CACE,KAAK,SACL,KAAK,KACK,WACV,UAAW,EACX,UAAU,kBACV,QAAS,SAAY,CACnB,MAAM,EAAK,aAAa,CAAE,aAAc,QAAS,CAAC,EAC7C,EAAK,MAAM,oBAChB,EAAK,MAAM,CACb,EAVF,SAAA,EAYE,EAAA,EAAA,IAAA,CAACC,EAAAA,SAAD,CAAW,CAAA,EAAC,UAEN,GAGb,CAAA,EAEF,IAAS,WACR,EAAA,EAAA,IAAA,CAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,CAAC,EAAM,SAAW,EAAM,cAAgB,EAAM,cAAgB,CAAC,EAAM,WAAa,EAAM,eACtH,aAAc,EAAM,YACtB,GACA,UAAW,CAAE,WAAU,mBAEnB,EAAA,EAAA,KAAA,CAACD,EAAAA,OAAD,CACE,KAAK,SACL,KAAK,KACK,WACV,UAAW,EACX,UAAU,kBACV,QAAS,SAAY,CACnB,MAAM,EAAK,aAAa,CAAE,aAAc,QAAS,CAAC,EAC7C,EAAK,MAAM,oBAChB,EAAK,MAAM,CACb,EAVF,SAAA,EAYE,EAAA,EAAA,IAAA,CAACE,EAAAA,gBAAD,CAAkB,CAAA,EAAC,UAEb,GAGb,CAAA,CAEA,GAET"}

package/dist/{actions-form-f8sejItb.mjs → actions-form-DRrkiGzh.mjs} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{Button as e}from"./ui/button.mjs";import{K as t}from"./tanstack-form-AGwPfwiM.mjs";import{ArrowDownToLine as n,PlusIcon as r}from"lucide-react";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({type:o=`create`})=>{let s=t();return a(`div`,{className:`flex h-8 items-center justify-between`,children:[i(s.Subscribe,{selector:e=>({disabled:e.isPristine||e.isSubmitting}),children:({disabled:t})=>i(e,{color:`muted`,variant:`outline`,type:`button`,size:`md`,disabled:t,className:`h-full min-w-32`,onClick:()=>s.reset(),children:`Hủy bỏ`})}),o===`create`&&i(s.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:t,isSubmitting:n})=>a(e,{type:`submit`,size:`md`,disabled:t,isLoading:n,className:`h-full min-w-32`,onClick:async()=>{await s.handleSubmit({submitAction:`create`}),s.state.isSubmitSuccessful&&s.reset()},children:[i(r,{}),`Thêm mới`]})}),o===`update`&&i(s.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:t,isSubmitting:r})=>a(e,{type:`submit`,size:`md`,disabled:t,isLoading:r,className:`h-full min-w-32`,onClick:async()=>{await s.handleSubmit({submitAction:`update`}),s.state.isSubmitSuccessful&&s.reset()},children:[i(n,{}),`Cập nhật`]})})]})};export{o as TanStackActionsForm};
-//# sourceMappingURL=actions-form-f8sejItb.mjs.map
+import{Button as e}from"./ui/button.mjs";import{K as t}from"./tanstack-form-q9hDCc0Y.mjs";import{ArrowDownToLine as n,PlusIcon as r}from"lucide-react";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({type:o=`create`})=>{let s=t();return a(`div`,{className:`flex h-8 items-center justify-between`,children:[i(s.Subscribe,{selector:e=>({disabled:e.isPristine||e.isSubmitting}),children:({disabled:t})=>i(e,{color:`muted`,variant:`outline`,type:`button`,size:`md`,disabled:t,className:`h-full min-w-32`,onClick:()=>s.reset(),children:`Hủy bỏ`})}),o===`create`&&i(s.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:t,isSubmitting:n})=>a(e,{type:`submit`,size:`md`,disabled:t,isLoading:n,className:`h-full min-w-32`,onClick:async()=>{await s.handleSubmit({submitAction:`create`}),s.state.isSubmitSuccessful&&s.reset()},children:[i(r,{}),`Thêm mới`]})}),o===`update`&&i(s.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:t,isSubmitting:r})=>a(e,{type:`submit`,size:`md`,disabled:t,isLoading:r,className:`h-full min-w-32`,onClick:async()=>{await s.handleSubmit({submitAction:`update`}),s.state.isSubmitSuccessful&&s.reset()},children:[i(n,{}),`Cập nhật`]})})]})};export{o as TanStackActionsForm};
+//# sourceMappingURL=actions-form-DRrkiGzh.mjs.map

package/dist/{actions-form-f8sejItb.mjs.map → actions-form-DRrkiGzh.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"actions-form-~~f8sejItb~~.mjs","names":[],"sources":["../packages/components/features/tanstack-form/components/forms/actions-form.tsx"],"sourcesContent":["import { ArrowDownToLine, PlusIcon } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\n\nimport { useTanStackFormContext } from '../form-context';\n\n/*\n Renders a form action bar with a Cancel button and a context-aware submit button (Add New or Update) driven by TanStack Form state.\n \n @example\n * import { TanStackActionsForm } from '@customafk/lunas-ui/features/tanstack-form';\n \n // Inside a TanStack Form provider:\n * <TanStackActionsForm type=\"create\" />\n \n // For an update workflow:\n * <TanStackActionsForm type=\"update\" />\n /\nexport const TanStackActionsForm: React.FC<\n React.PropsWithChildren<{\n /\n Determines which submit button variant is rendered.\n * - `'create'` — shows an \"Add New\" button that resets the form on success.\n * - `'update'` — shows an \"Update\" button that resets the form on success.\n * Defaults to `'create'`.\n */\n type?: 'create' \| 'update';\n }>\n> = ({ type = 'create' }) => {\n const form = useTanStackFormContext();\n return (\n <div className=\"flex h-8 items-center justify-between\">\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| state.isSubmitting,\n })}\n children={({ disabled }) => {\n return (\n <Button color=\"muted\" variant=\"outline\" type=\"button\" size=\"md\" disabled={disabled} className=\"h-full min-w-32\" onClick={() => form.reset()}>\n Hủy bỏ\n </Button>\n );\n }}\n />\n {type === 'create' && (\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| !state.isValid \|\| state.isValidating \|\| state.isSubmitting \|\| !state.canSubmit \|\| state.isDefaultValue,\n isSubmitting: state.isSubmitting,\n })}\n children={({ disabled, isSubmitting }) => {\n return (\n <Button\n type=\"submit\"\n size=\"md\"\n disabled={disabled}\n isLoading={isSubmitting}\n className=\"h-full min-w-32\"\n onClick={async () => {\n await form.handleSubmit({ submitAction: 'create' });\n if (!form.state.isSubmitSuccessful) return;\n form.reset();\n }}\n >\n <PlusIcon />\n Thêm mới\n </Button>\n );\n }}\n />\n )}\n {type === 'update' && (\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| !state.isValid \|\| state.isValidating \|\| state.isSubmitting \|\| !state.canSubmit \|\| state.isDefaultValue,\n isSubmitting: state.isSubmitting,\n })}\n children={({ disabled, isSubmitting }) => {\n return (\n <Button\n type=\"submit\"\n size=\"md\"\n disabled={disabled}\n isLoading={isSubmitting}\n className=\"h-full min-w-32\"\n onClick={async () => {\n await form.handleSubmit({ submitAction: 'update' });\n if (!form.state.isSubmitSuccessful) return;\n form.reset();\n }}\n >\n <ArrowDownToLine />\n Cập nhật\n </Button>\n );\n }}\n />\n )}\n </div>\n );\n};\n"],"mappings":"yMAkBA,MAAa,GAUR,CAAE,OAAO,YAAe,CAC3B,IAAM,EAAO,EAAuB,EACpC,OACE,EAAC,MAAD,CAAK,UAAU,~~iDAAf~~,CACE,EAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,EAAM,YACtC,GACA,UAAW,CAAE,cAET,EAAC,EAAD,CAAQ,MAAM,QAAQ,QAAQ,UAAU,KAAK,SAAS,KAAK,KAAe,WAAU,UAAU,kBAAkB,YAAe,EAAK,MAAM,~~WAAG~~,QAErI,CAAA,CAGb,CAAA,EACA,IAAS,UACR,EAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,CAAC,EAAM,SAAW,EAAM,cAAgB,EAAM,cAAgB,CAAC,EAAM,WAAa,EAAM,eACtH,aAAc,EAAM,YACtB,GACA,UAAW,CAAE,WAAU,kBAEnB,EAAC,EAAD,CACE,KAAK,SACL,KAAK,KACK,WACV,UAAW,EACX,UAAU,kBACV,QAAS,SAAY,CACnB,MAAM,EAAK,aAAa,CAAE,aAAc,QAAS,CAAC,EAC7C,EAAK,MAAM,oBAChB,EAAK,MAAM,CACb,~~WAVF~~,CAYE,EAAC,EAAD,CAAW,CAAA,EAAC,UAEN,GAGb,CAAA,EAEF,IAAS,UACR,EAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,CAAC,EAAM,SAAW,EAAM,cAAgB,EAAM,cAAgB,CAAC,EAAM,WAAa,EAAM,eACtH,aAAc,EAAM,YACtB,GACA,UAAW,CAAE,WAAU,kBAEnB,EAAC,EAAD,CACE,KAAK,SACL,KAAK,KACK,WACV,UAAW,EACX,UAAU,kBACV,QAAS,SAAY,CACnB,MAAM,EAAK,aAAa,CAAE,aAAc,QAAS,CAAC,EAC7C,EAAK,MAAM,oBAChB,EAAK,MAAM,CACb,~~WAVF~~,CAYE,EAAC,EAAD,CAAkB,CAAA,EAAC,UAEb,GAGb,CAAA,CAEA,GAET"}
1	+ {"version":3,"file":"actions-form-DRrkiGzh.mjs","names":[],"sources":["../packages/components/features/tanstack-form/components/forms/actions-form.tsx"],"sourcesContent":["import { ArrowDownToLine, PlusIcon } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\n\nimport { useTanStackFormContext } from '../form-context';\n\n/*\n Renders a form action bar with a Cancel button and a context-aware submit button (Add New or Update) driven by TanStack Form state.\n \n @example\n * import { TanStackActionsForm } from '@customafk/lunas-ui/features/tanstack-form';\n \n // Inside a TanStack Form provider:\n * <TanStackActionsForm type=\"create\" />\n \n // For an update workflow:\n * <TanStackActionsForm type=\"update\" />\n /\nexport const TanStackActionsForm: React.FC<\n React.PropsWithChildren<{\n /\n Determines which submit button variant is rendered.\n * - `'create'` — shows an \"Add New\" button that resets the form on success.\n * - `'update'` — shows an \"Update\" button that resets the form on success.\n * Defaults to `'create'`.\n */\n type?: 'create' \| 'update';\n }>\n> = ({ type = 'create' }) => {\n const form = useTanStackFormContext();\n return (\n <div className=\"flex h-8 items-center justify-between\">\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| state.isSubmitting,\n })}\n children={({ disabled }) => {\n return (\n <Button color=\"muted\" variant=\"outline\" type=\"button\" size=\"md\" disabled={disabled} className=\"h-full min-w-32\" onClick={() => form.reset()}>\n Hủy bỏ\n </Button>\n );\n }}\n />\n {type === 'create' && (\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| !state.isValid \|\| state.isValidating \|\| state.isSubmitting \|\| !state.canSubmit \|\| state.isDefaultValue,\n isSubmitting: state.isSubmitting,\n })}\n children={({ disabled, isSubmitting }) => {\n return (\n <Button\n type=\"submit\"\n size=\"md\"\n disabled={disabled}\n isLoading={isSubmitting}\n className=\"h-full min-w-32\"\n onClick={async () => {\n await form.handleSubmit({ submitAction: 'create' });\n if (!form.state.isSubmitSuccessful) return;\n form.reset();\n }}\n >\n <PlusIcon />\n Thêm mới\n </Button>\n );\n }}\n />\n )}\n {type === 'update' && (\n <form.Subscribe\n selector={state => ({\n disabled: state.isPristine \|\| !state.isValid \|\| state.isValidating \|\| state.isSubmitting \|\| !state.canSubmit \|\| state.isDefaultValue,\n isSubmitting: state.isSubmitting,\n })}\n children={({ disabled, isSubmitting }) => {\n return (\n <Button\n type=\"submit\"\n size=\"md\"\n disabled={disabled}\n isLoading={isSubmitting}\n className=\"h-full min-w-32\"\n onClick={async () => {\n await form.handleSubmit({ submitAction: 'update' });\n if (!form.state.isSubmitSuccessful) return;\n form.reset();\n }}\n >\n <ArrowDownToLine />\n Cập nhật\n </Button>\n );\n }}\n />\n )}\n </div>\n );\n};\n"],"mappings":"yMAkBA,MAAa,GAUR,CAAE,OAAO,YAAe,CAC3B,IAAM,EAAO,EAAuB,EACpC,OACE,EAAC,MAAD,CAAK,UAAU,wCAAf,SAAA,CACE,EAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,EAAM,YACtC,GACA,UAAW,CAAE,cAET,EAAC,EAAD,CAAQ,MAAM,QAAQ,QAAQ,UAAU,KAAK,SAAS,KAAK,KAAe,WAAU,UAAU,kBAAkB,YAAe,EAAK,MAAM,EAAG,SAAA,QAErI,CAAA,CAGb,CAAA,EACA,IAAS,UACR,EAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,CAAC,EAAM,SAAW,EAAM,cAAgB,EAAM,cAAgB,CAAC,EAAM,WAAa,EAAM,eACtH,aAAc,EAAM,YACtB,GACA,UAAW,CAAE,WAAU,kBAEnB,EAAC,EAAD,CACE,KAAK,SACL,KAAK,KACK,WACV,UAAW,EACX,UAAU,kBACV,QAAS,SAAY,CACnB,MAAM,EAAK,aAAa,CAAE,aAAc,QAAS,CAAC,EAC7C,EAAK,MAAM,oBAChB,EAAK,MAAM,CACb,EAVF,SAAA,CAYE,EAAC,EAAD,CAAW,CAAA,EAAC,UAEN,GAGb,CAAA,EAEF,IAAS,UACR,EAAC,EAAK,UAAN,CACE,SAAU,IAAU,CAClB,SAAU,EAAM,YAAc,CAAC,EAAM,SAAW,EAAM,cAAgB,EAAM,cAAgB,CAAC,EAAM,WAAa,EAAM,eACtH,aAAc,EAAM,YACtB,GACA,UAAW,CAAE,WAAU,kBAEnB,EAAC,EAAD,CACE,KAAK,SACL,KAAK,KACK,WACV,UAAW,EACX,UAAU,kBACV,QAAS,SAAY,CACnB,MAAM,EAAK,aAAa,CAAE,aAAc,QAAS,CAAC,EAC7C,EAAK,MAAM,oBAChB,EAAK,MAAM,CACb,EAVF,SAAA,CAYE,EAAC,EAAD,CAAkB,CAAA,EAAC,UAEb,GAGb,CAAA,CAEA,GAET"}

package/dist/activity-heatmap-chart-DufvFndI.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"activity-heatmap-chart-DufvFndI.mjs","names":["point"],"sources":["../packages/components/features/charts/components/activity-heatmap-chart.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart';\n\nimport { Scatter, ScatterChart, XAxis, YAxis } from 'recharts';\nimport type { ActivityPoint, BaseChartProps } from '../types';\nimport { toDateLabel } from '../utils';\n\nconst WEEKDAY_LABELS = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\nconst CELL_SIZE = 13;\nconst MS_PER_DAY = 86_400_000;\n\nexport type ActivityHeatmapChartProps = BaseChartProps & {\n data: ActivityPoint[];\n /** Series label used in the theme config. Defaults to `'Activity'`. /\n label?: string;\n color?: string;\n valueFormatter?: (value: number) => string;\n};\n\n/\n A GitHub-style calendar heatmap for daily activity/usage intensity — logins, orders, commits\n * per day — laid out as a week-by-weekday grid with color opacity mapped to value.\n \n @example\n * ```tsx\n * import { ActivityHeatmapChart } from '@customafk/lunas-ui/features/charts';\n \n <ActivityHeatmapChart\n * data={[\n * { date: '2026-06-01', value: 4 },\n * { date: '2026-06-02', value: 12 },\n * ]}\n * />\n * ```\n /\nexport const ActivityHeatmapChart = ({\n data,\n label = 'Activity',\n color = 'var(--chart-1)',\n valueFormatter = value => value.toLocaleString('en-US'),\n className,\n height,\n}: ActivityHeatmapChartProps) => {\n const config = useMemo<ChartConfig>(() => ({ value: { label, color } }), [label, color]);\n\n const { chartData, monthTicks, maxWeek, maxValue } = useMemo(() => {\n const parsed = data\n .map(point => ({ ...point, parsedDate: point.date instanceof Date ? point.date : new Date(point.date) }))\n .sort((a, b) => a.parsedDate.getTime() - b.parsedDate.getTime());\n\n if (parsed.length === 0) return { chartData: [], monthTicks: new Map<number, string>(), maxWeek: 0, maxValue: 1 };\n\n const firstDate = parsed[0]?.parsedDate;\n const weekStart = new Date(firstDate);\n weekStart.setDate(weekStart.getDate() - weekStart.getDay());\n\n const months = new Map<number, string>();\n let lastMonth = -1;\n\n const points = parsed.map(point => {\n const weekday = point.parsedDate.getDay();\n const weekIndex = Math.floor((point.parsedDate.getTime() - weekStart.getTime()) / MS_PER_DAY / 7);\n const month = point.parsedDate.getMonth();\n if (month !== lastMonth) {\n months.set(weekIndex, point.parsedDate.toLocaleDateString('en-US', { month: 'short' }));\n lastMonth = month;\n }\n return { x: weekIndex, y: weekday, value: point.value, date: point.date };\n });\n\n return {\n chartData: points,\n monthTicks: months,\n maxWeek: Math.max(...points.map(point => point.x)),\n maxValue: Math.max(...points.map(point => point.value), 1),\n };\n }, [data]);\n\n return (\n <ChartContainer\n data-slot=\"activity-heatmap-chart\"\n config={config}\n className={cn('w-full', className)}\n style={height !== undefined ? { height, aspectRatio: 'auto' } : undefined}\n >\n <ScatterChart margin={{ top: 8, right: 12, bottom: 0, left: 0 }}>\n <XAxis\n type=\"number\"\n dataKey=\"x\"\n domain={[-0.5, maxWeek + 0.5]}\n ticks={Array.from(monthTicks.keys())}\n tickFormatter={x => monthTicks.get(x) ?? ''}\n tickLine={false}\n axisLine={false}\n tickMargin={8}\n interval={0}\n />\n <YAxis\n type=\"number\"\n dataKey=\"y\"\n domain={[-0.5, 6.5]}\n reversed\n ticks={[0, 1, 2, 3, 4, 5, 6]}\n tickFormatter={y => WEEKDAY_LABELS[y] ?? ''}\n tickLine={false}\n axisLine={false}\n width={20}\n interval={0}\n />\n <ChartTooltip\n cursor={false}\n content={\n <ChartTooltipContent\n hideLabel\n hideIndicator\n formatter={(_value, _name, item) => {\n const point = item.payload as { date: string \| Date; value: number };\n return (\n <div className=\"grid gap-0.5\">\n <span className=\"font-medium text-muted-strong\">{toDateLabel(point.date)}</span>\n <span className=\"text-muted\">\n {valueFormatter(point.value)} {config.value?.label}\n </span>\n </div>\n );\n }}\n />\n }\n />\n <Scatter\n data={chartData}\n shape={props => {\n const { cx, cy, payload } = props;\n if (cx === undefined \|\| cy === undefined) return <g />;\n const point = payload as { value: number };\n const intensity = Math.min(0.12 + 0.88 (point.value / maxValue), 1);\n return <rect x={cx - CELL_SIZE / 2} y={cy - CELL_SIZE / 2} width={CELL_SIZE} height={CELL_SIZE} rx={3} fill={color} fillOpacity={intensity} />;\n }}\n />\n </ScatterChart>\n </ChartContainer>\n );\n};\n"],"mappings":"sWAYA,MAAM,EAAiB,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EA4B5C,GAAwB,CACnC,OACA,QAAQ,WACR,QAAQ,iBACR,iBAAiB,GAAS,EAAM,eAAe,OAAO,EACtD,YACA,YAC+B,CAC/B,IAAM,EAAS,OAA4B,CAAE,MAAO,CAAE,QAAO,OAAM,CAAE,GAAI,CAAC,EAAO,CAAK,CAAC,EAEjF,CAAE,YAAW,aAAY,UAAS,YAAa,MAAc,CACjE,IAAM,EAAS,EACZ,IAAI,IAAU,CAAE,GAAG,EAAO,WAAY,EAAM,gBAAgB,KAAO,EAAM,KAAO,IAAI,KAAK,EAAM,IAAI,CAAE,EAAE,CAAC,CACxG,MAAM,EAAG,IAAM,EAAE,WAAW,QAAQ,EAAI,EAAE,WAAW,QAAQ,CAAC,EAEjE,GAAI,EAAO,SAAW,EAAG,MAAO,CAAE,UAAW,CAAC,EAAG,WAAY,IAAI,IAAuB,QAAS,EAAG,SAAU,CAAE,EAEhH,IAAM,EAAY,EAAO,EAAE,EAAE,WACvB,EAAY,IAAI,KAAK,CAAS,EACpC,EAAU,QAAQ,EAAU,QAAQ,EAAI,EAAU,OAAO,CAAC,EAE1D,IAAM,EAAS,IAAI,IACf,EAAY,GAEV,EAAS,EAAO,IAAI,GAAS,CACjC,IAAM,EAAU,EAAM,WAAW,OAAO,EAClC,EAAY,KAAK,OAAO,EAAM,WAAW,QAAQ,EAAI,EAAU,QAAQ,GAAK,MAAa,CAAC,EAC1F,EAAQ,EAAM,WAAW,SAAS,EAKxC,OAJI,IAAU,IACZ,EAAO,IAAI,EAAW,EAAM,WAAW,mBAAmB,QAAS,CAAE,MAAO,OAAQ,CAAC,CAAC,EACtF,EAAY,GAEP,CAAE,EAAG,EAAW,EAAG,EAAS,MAAO,EAAM,MAAO,KAAM,EAAM,IAAK,CAC1E,CAAC,EAED,MAAO,CACL,UAAW,EACX,WAAY,EACZ,QAAS,KAAK,IAAI,GAAG,EAAO,IAAI,GAAS,EAAM,CAAC,CAAC,EACjD,SAAU,KAAK,IAAI,GAAG,EAAO,IAAI,GAAS,EAAM,KAAK,EAAG,CAAC,CAC3D,CACF,EAAG,CAAC,CAAI,CAAC,EAET,OACE,EAAC,EAAD,CACE,YAAU,yBACF,SACR,UAAW,EAAG,SAAU,CAAS,EACjC,MAAO,IAAW,IAAA,GAA8C,IAAA,GAAlC,CAAE,SAAQ,YAAa,MAAO,~~WAE5D~~,EAAC,EAAD,CAAc,OAAQ,CAAE,IAAK,EAAG,MAAO,GAAI,OAAQ,EAAG,KAAM,CAAE,~~WAA9D~~,CACE,EAAC,EAAD,CACE,KAAK,SACL,QAAQ,IACR,OAAQ,CAAC,IAAM,EAAU,EAAG,EAC5B,MAAO,MAAM,KAAK,EAAW,KAAK,CAAC,EACnC,cAAe,GAAK,EAAW,IAAI,CAAC,GAAK,GACzC,SAAU,GACV,SAAU,GACV,WAAY,EACZ,SAAU,CACX,CAAA,EACD,EAAC,EAAD,CACE,KAAK,SACL,QAAQ,IACR,OAAQ,CAAC,IAAM,GAAG,EAClB,SAAA,GACA,MAAO,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAC3B,cAAe,GAAK,EAAe,IAAM,GACzC,SAAU,GACV,SAAU,GACV,MAAO,GACP,SAAU,CACX,CAAA,EACD,EAAC,EAAD,CACE,OAAQ,GACR,QACE,EAAC,EAAD,CACE,UAAA,GACA,cAAA,GACA,WAAY,EAAQ,EAAO,IAAS,CAClC,IAAM,EAAQ,EAAK,QACnB,OACE,EAAC,MAAD,CAAK,UAAU,~~wBAAf~~,CACE,EAAC,OAAD,CAAM,UAAU,~~yCAAiC~~,EAAY,EAAM,IAAI,CAAQ,CAAA,EAC/E,EAAC,OAAD,CAAM,UAAU,~~sBAAhB~~,CACG,EAAe,EAAM,KAAK,EAAE,IAAE,EAAO,OAAO,KACzC,~~GACH~~,GAET,CACD,CAAA,CAEJ,CAAA,EACD,EAAC,EAAD,CACE,KAAM,EACN,MAAO,GAAS,CACd,GAAM,CAAE,KAAI,KAAI,WAAY,EAC5B,GAAI,IAAO,IAAA,IAAa,IAAO,IAAA,GAAW,OAAO,EAAC,IAAD,CAAI,CAAA,EAErD,IAAM,EAAY,KAAK,IAAI,IAAO,KAAQA,EAAM,MAAQ,GAAW,CAAC,EACpE,OAAO,EAAC,OAAD,CAAM,EAAG,EAAK,GAAY,EAAG,EAAG,EAAK,GAAY,EAAG,MAAO,GAAW,OAAQ,GAAW,GAAI,EAAG,KAAM,EAAO,YAAa,CAAY,CAAA,CAC/I,CACD,CAAA,CACW,GACA,CAAA,CAEpB"}
1	+ {"version":3,"file":"activity-heatmap-chart-DufvFndI.mjs","names":["point"],"sources":["../packages/components/features/charts/components/activity-heatmap-chart.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart';\n\nimport { Scatter, ScatterChart, XAxis, YAxis } from 'recharts';\nimport type { ActivityPoint, BaseChartProps } from '../types';\nimport { toDateLabel } from '../utils';\n\nconst WEEKDAY_LABELS = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\nconst CELL_SIZE = 13;\nconst MS_PER_DAY = 86_400_000;\n\nexport type ActivityHeatmapChartProps = BaseChartProps & {\n data: ActivityPoint[];\n /** Series label used in the theme config. Defaults to `'Activity'`. /\n label?: string;\n color?: string;\n valueFormatter?: (value: number) => string;\n};\n\n/\n A GitHub-style calendar heatmap for daily activity/usage intensity — logins, orders, commits\n * per day — laid out as a week-by-weekday grid with color opacity mapped to value.\n \n @example\n * ```tsx\n * import { ActivityHeatmapChart } from '@customafk/lunas-ui/features/charts';\n \n <ActivityHeatmapChart\n * data={[\n * { date: '2026-06-01', value: 4 },\n * { date: '2026-06-02', value: 12 },\n * ]}\n * />\n * ```\n /\nexport const ActivityHeatmapChart = ({\n data,\n label = 'Activity',\n color = 'var(--chart-1)',\n valueFormatter = value => value.toLocaleString('en-US'),\n className,\n height,\n}: ActivityHeatmapChartProps) => {\n const config = useMemo<ChartConfig>(() => ({ value: { label, color } }), [label, color]);\n\n const { chartData, monthTicks, maxWeek, maxValue } = useMemo(() => {\n const parsed = data\n .map(point => ({ ...point, parsedDate: point.date instanceof Date ? point.date : new Date(point.date) }))\n .sort((a, b) => a.parsedDate.getTime() - b.parsedDate.getTime());\n\n if (parsed.length === 0) return { chartData: [], monthTicks: new Map<number, string>(), maxWeek: 0, maxValue: 1 };\n\n const firstDate = parsed[0]?.parsedDate;\n const weekStart = new Date(firstDate);\n weekStart.setDate(weekStart.getDate() - weekStart.getDay());\n\n const months = new Map<number, string>();\n let lastMonth = -1;\n\n const points = parsed.map(point => {\n const weekday = point.parsedDate.getDay();\n const weekIndex = Math.floor((point.parsedDate.getTime() - weekStart.getTime()) / MS_PER_DAY / 7);\n const month = point.parsedDate.getMonth();\n if (month !== lastMonth) {\n months.set(weekIndex, point.parsedDate.toLocaleDateString('en-US', { month: 'short' }));\n lastMonth = month;\n }\n return { x: weekIndex, y: weekday, value: point.value, date: point.date };\n });\n\n return {\n chartData: points,\n monthTicks: months,\n maxWeek: Math.max(...points.map(point => point.x)),\n maxValue: Math.max(...points.map(point => point.value), 1),\n };\n }, [data]);\n\n return (\n <ChartContainer\n data-slot=\"activity-heatmap-chart\"\n config={config}\n className={cn('w-full', className)}\n style={height !== undefined ? { height, aspectRatio: 'auto' } : undefined}\n >\n <ScatterChart margin={{ top: 8, right: 12, bottom: 0, left: 0 }}>\n <XAxis\n type=\"number\"\n dataKey=\"x\"\n domain={[-0.5, maxWeek + 0.5]}\n ticks={Array.from(monthTicks.keys())}\n tickFormatter={x => monthTicks.get(x) ?? ''}\n tickLine={false}\n axisLine={false}\n tickMargin={8}\n interval={0}\n />\n <YAxis\n type=\"number\"\n dataKey=\"y\"\n domain={[-0.5, 6.5]}\n reversed\n ticks={[0, 1, 2, 3, 4, 5, 6]}\n tickFormatter={y => WEEKDAY_LABELS[y] ?? ''}\n tickLine={false}\n axisLine={false}\n width={20}\n interval={0}\n />\n <ChartTooltip\n cursor={false}\n content={\n <ChartTooltipContent\n hideLabel\n hideIndicator\n formatter={(_value, _name, item) => {\n const point = item.payload as { date: string \| Date; value: number };\n return (\n <div className=\"grid gap-0.5\">\n <span className=\"font-medium text-muted-strong\">{toDateLabel(point.date)}</span>\n <span className=\"text-muted\">\n {valueFormatter(point.value)} {config.value?.label}\n </span>\n </div>\n );\n }}\n />\n }\n />\n <Scatter\n data={chartData}\n shape={props => {\n const { cx, cy, payload } = props;\n if (cx === undefined \|\| cy === undefined) return <g />;\n const point = payload as { value: number };\n const intensity = Math.min(0.12 + 0.88 (point.value / maxValue), 1);\n return <rect x={cx - CELL_SIZE / 2} y={cy - CELL_SIZE / 2} width={CELL_SIZE} height={CELL_SIZE} rx={3} fill={color} fillOpacity={intensity} />;\n }}\n />\n </ScatterChart>\n </ChartContainer>\n );\n};\n"],"mappings":"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"}

package/dist/activity-heatmap-chart-gDcvIAK_.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"activity-heatmap-chart-gDcvIAK_.cjs","names":["ChartContainer","ScatterChart","XAxis","YAxis","ChartTooltip","ChartTooltipContent","toDateLabel","Scatter","point"],"sources":["../packages/components/features/charts/components/activity-heatmap-chart.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart';\n\nimport { Scatter, ScatterChart, XAxis, YAxis } from 'recharts';\nimport type { ActivityPoint, BaseChartProps } from '../types';\nimport { toDateLabel } from '../utils';\n\nconst WEEKDAY_LABELS = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\nconst CELL_SIZE = 13;\nconst MS_PER_DAY = 86_400_000;\n\nexport type ActivityHeatmapChartProps = BaseChartProps & {\n data: ActivityPoint[];\n /** Series label used in the theme config. Defaults to `'Activity'`. /\n label?: string;\n color?: string;\n valueFormatter?: (value: number) => string;\n};\n\n/\n A GitHub-style calendar heatmap for daily activity/usage intensity — logins, orders, commits\n * per day — laid out as a week-by-weekday grid with color opacity mapped to value.\n \n @example\n * ```tsx\n * import { ActivityHeatmapChart } from '@customafk/lunas-ui/features/charts';\n \n <ActivityHeatmapChart\n * data={[\n * { date: '2026-06-01', value: 4 },\n * { date: '2026-06-02', value: 12 },\n * ]}\n * />\n * ```\n /\nexport const ActivityHeatmapChart = ({\n data,\n label = 'Activity',\n color = 'var(--chart-1)',\n valueFormatter = value => value.toLocaleString('en-US'),\n className,\n height,\n}: ActivityHeatmapChartProps) => {\n const config = useMemo<ChartConfig>(() => ({ value: { label, color } }), [label, color]);\n\n const { chartData, monthTicks, maxWeek, maxValue } = useMemo(() => {\n const parsed = data\n .map(point => ({ ...point, parsedDate: point.date instanceof Date ? point.date : new Date(point.date) }))\n .sort((a, b) => a.parsedDate.getTime() - b.parsedDate.getTime());\n\n if (parsed.length === 0) return { chartData: [], monthTicks: new Map<number, string>(), maxWeek: 0, maxValue: 1 };\n\n const firstDate = parsed[0]?.parsedDate;\n const weekStart = new Date(firstDate);\n weekStart.setDate(weekStart.getDate() - weekStart.getDay());\n\n const months = new Map<number, string>();\n let lastMonth = -1;\n\n const points = parsed.map(point => {\n const weekday = point.parsedDate.getDay();\n const weekIndex = Math.floor((point.parsedDate.getTime() - weekStart.getTime()) / MS_PER_DAY / 7);\n const month = point.parsedDate.getMonth();\n if (month !== lastMonth) {\n months.set(weekIndex, point.parsedDate.toLocaleDateString('en-US', { month: 'short' }));\n lastMonth = month;\n }\n return { x: weekIndex, y: weekday, value: point.value, date: point.date };\n });\n\n return {\n chartData: points,\n monthTicks: months,\n maxWeek: Math.max(...points.map(point => point.x)),\n maxValue: Math.max(...points.map(point => point.value), 1),\n };\n }, [data]);\n\n return (\n <ChartContainer\n data-slot=\"activity-heatmap-chart\"\n config={config}\n className={cn('w-full', className)}\n style={height !== undefined ? { height, aspectRatio: 'auto' } : undefined}\n >\n <ScatterChart margin={{ top: 8, right: 12, bottom: 0, left: 0 }}>\n <XAxis\n type=\"number\"\n dataKey=\"x\"\n domain={[-0.5, maxWeek + 0.5]}\n ticks={Array.from(monthTicks.keys())}\n tickFormatter={x => monthTicks.get(x) ?? ''}\n tickLine={false}\n axisLine={false}\n tickMargin={8}\n interval={0}\n />\n <YAxis\n type=\"number\"\n dataKey=\"y\"\n domain={[-0.5, 6.5]}\n reversed\n ticks={[0, 1, 2, 3, 4, 5, 6]}\n tickFormatter={y => WEEKDAY_LABELS[y] ?? ''}\n tickLine={false}\n axisLine={false}\n width={20}\n interval={0}\n />\n <ChartTooltip\n cursor={false}\n content={\n <ChartTooltipContent\n hideLabel\n hideIndicator\n formatter={(_value, _name, item) => {\n const point = item.payload as { date: string \| Date; value: number };\n return (\n <div className=\"grid gap-0.5\">\n <span className=\"font-medium text-muted-strong\">{toDateLabel(point.date)}</span>\n <span className=\"text-muted\">\n {valueFormatter(point.value)} {config.value?.label}\n </span>\n </div>\n );\n }}\n />\n }\n />\n <Scatter\n data={chartData}\n shape={props => {\n const { cx, cy, payload } = props;\n if (cx === undefined \|\| cy === undefined) return <g />;\n const point = payload as { value: number };\n const intensity = Math.min(0.12 + 0.88 (point.value / maxValue), 1);\n return <rect x={cx - CELL_SIZE / 2} y={cy - CELL_SIZE / 2} width={CELL_SIZE} height={CELL_SIZE} rx={3} fill={color} fillOpacity={intensity} />;\n }}\n />\n </ScatterChart>\n </ChartContainer>\n );\n};\n"],"mappings":"mMAYA,MAAM,EAAiB,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EA4B5C,GAAwB,CACnC,OACA,QAAQ,WACR,QAAQ,iBACR,iBAAiB,GAAS,EAAM,eAAe,OAAO,EACtD,YACA,YAC+B,CAC/B,IAAM,GAAA,EAAA,EAAA,QAAA,MAAqC,CAAE,MAAO,CAAE,QAAO,OAAM,CAAE,GAAI,CAAC,EAAO,CAAK,CAAC,EAEjF,CAAE,YAAW,aAAY,UAAS,aAAA,EAAA,EAAA,QAAA,KAA2B,CACjE,IAAM,EAAS,EACZ,IAAI,IAAU,CAAE,GAAG,EAAO,WAAY,EAAM,gBAAgB,KAAO,EAAM,KAAO,IAAI,KAAK,EAAM,IAAI,CAAE,EAAE,CAAC,CACxG,MAAM,EAAG,IAAM,EAAE,WAAW,QAAQ,EAAI,EAAE,WAAW,QAAQ,CAAC,EAEjE,GAAI,EAAO,SAAW,EAAG,MAAO,CAAE,UAAW,CAAC,EAAG,WAAY,IAAI,IAAuB,QAAS,EAAG,SAAU,CAAE,EAEhH,IAAM,EAAY,EAAO,EAAE,EAAE,WACvB,EAAY,IAAI,KAAK,CAAS,EACpC,EAAU,QAAQ,EAAU,QAAQ,EAAI,EAAU,OAAO,CAAC,EAE1D,IAAM,EAAS,IAAI,IACf,EAAY,GAEV,EAAS,EAAO,IAAI,GAAS,CACjC,IAAM,EAAU,EAAM,WAAW,OAAO,EAClC,EAAY,KAAK,OAAO,EAAM,WAAW,QAAQ,EAAI,EAAU,QAAQ,GAAK,MAAa,CAAC,EAC1F,EAAQ,EAAM,WAAW,SAAS,EAKxC,OAJI,IAAU,IACZ,EAAO,IAAI,EAAW,EAAM,WAAW,mBAAmB,QAAS,CAAE,MAAO,OAAQ,CAAC,CAAC,EACtF,EAAY,GAEP,CAAE,EAAG,EAAW,EAAG,EAAS,MAAO,EAAM,MAAO,KAAM,EAAM,IAAK,CAC1E,CAAC,EAED,MAAO,CACL,UAAW,EACX,WAAY,EACZ,QAAS,KAAK,IAAI,GAAG,EAAO,IAAI,GAAS,EAAM,CAAC,CAAC,EACjD,SAAU,KAAK,IAAI,GAAG,EAAO,IAAI,GAAS,EAAM,KAAK,EAAG,CAAC,CAC3D,CACF,EAAG,CAAC,CAAI,CAAC,EAET,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,eAAD,CACE,YAAU,yBACF,SACR,WAAA,EAAA,EAAA,GAAA,CAAc,SAAU,CAAS,EACjC,MAAO,IAAW,IAAA,GAA8C,IAAA,GAAlC,CAAE,SAAQ,YAAa,MAAO,~~YAE5D~~,EAAA,EAAA,KAAA,CAACC,EAAAA,aAAD,CAAc,OAAQ,CAAE,IAAK,EAAG,MAAO,GAAI,OAAQ,EAAG,KAAM,CAAE,~~WAA9D~~,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,MAAD,CACE,KAAK,SACL,QAAQ,IACR,OAAQ,CAAC,IAAM,EAAU,EAAG,EAC5B,MAAO,MAAM,KAAK,EAAW,KAAK,CAAC,EACnC,cAAe,GAAK,EAAW,IAAI,CAAC,GAAK,GACzC,SAAU,GACV,SAAU,GACV,WAAY,EACZ,SAAU,CACX,CAAA,GACD,EAAA,EAAA,IAAA,CAACC,EAAAA,MAAD,CACE,KAAK,SACL,QAAQ,IACR,OAAQ,CAAC,IAAM,GAAG,EAClB,SAAA,GACA,MAAO,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAC3B,cAAe,GAAK,EAAe,IAAM,GACzC,SAAU,GACV,SAAU,GACV,MAAO,GACP,SAAU,CACX,CAAA,GACD,EAAA,EAAA,IAAA,CAACC,EAAAA,aAAD,CACE,OAAQ,GACR,SACE,EAAA,EAAA,IAAA,CAACC,EAAAA,oBAAD,CACE,UAAA,GACA,cAAA,GACA,WAAY,EAAQ,EAAO,IAAS,CAClC,IAAM,EAAQ,EAAK,QACnB,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,~~wBAAf~~,EACE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,~~yCAAiCC~~,EAAAA,YAAY,EAAM,IAAI,CAAQ,CAAA,GAC/E,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAU,~~sBAAhB~~,CACG,EAAe,EAAM,KAAK,EAAE,IAAE,EAAO,OAAO,KACzC,~~GACH~~,GAET,CACD,CAAA,CAEJ,CAAA,GACD,EAAA,EAAA,IAAA,CAACC,EAAAA,QAAD,CACE,KAAM,EACN,MAAO,GAAS,CACd,GAAM,CAAE,KAAI,KAAI,WAAY,EAC5B,GAAI,IAAO,IAAA,IAAa,IAAO,IAAA,GAAW,OAAO,EAAA,EAAA,IAAA,CAAC,IAAD,CAAI,CAAA,EAErD,IAAM,EAAY,KAAK,IAAI,IAAO,KAAQC,EAAM,MAAQ,GAAW,CAAC,EACpE,OAAO,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAG,EAAK,GAAY,EAAG,EAAG,EAAK,GAAY,EAAG,MAAO,GAAW,OAAQ,GAAW,GAAI,EAAG,KAAM,EAAO,YAAa,CAAY,CAAA,CAC/I,CACD,CAAA,CACW,GACA,CAAA,CAEpB"}
1	+ {"version":3,"file":"activity-heatmap-chart-gDcvIAK_.cjs","names":["ChartContainer","ScatterChart","XAxis","YAxis","ChartTooltip","ChartTooltipContent","toDateLabel","Scatter","point"],"sources":["../packages/components/features/charts/components/activity-heatmap-chart.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart';\n\nimport { Scatter, ScatterChart, XAxis, YAxis } from 'recharts';\nimport type { ActivityPoint, BaseChartProps } from '../types';\nimport { toDateLabel } from '../utils';\n\nconst WEEKDAY_LABELS = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\nconst CELL_SIZE = 13;\nconst MS_PER_DAY = 86_400_000;\n\nexport type ActivityHeatmapChartProps = BaseChartProps & {\n data: ActivityPoint[];\n /** Series label used in the theme config. Defaults to `'Activity'`. /\n label?: string;\n color?: string;\n valueFormatter?: (value: number) => string;\n};\n\n/\n A GitHub-style calendar heatmap for daily activity/usage intensity — logins, orders, commits\n * per day — laid out as a week-by-weekday grid with color opacity mapped to value.\n \n @example\n * ```tsx\n * import { ActivityHeatmapChart } from '@customafk/lunas-ui/features/charts';\n \n <ActivityHeatmapChart\n * data={[\n * { date: '2026-06-01', value: 4 },\n * { date: '2026-06-02', value: 12 },\n * ]}\n * />\n * ```\n /\nexport const ActivityHeatmapChart = ({\n data,\n label = 'Activity',\n color = 'var(--chart-1)',\n valueFormatter = value => value.toLocaleString('en-US'),\n className,\n height,\n}: ActivityHeatmapChartProps) => {\n const config = useMemo<ChartConfig>(() => ({ value: { label, color } }), [label, color]);\n\n const { chartData, monthTicks, maxWeek, maxValue } = useMemo(() => {\n const parsed = data\n .map(point => ({ ...point, parsedDate: point.date instanceof Date ? point.date : new Date(point.date) }))\n .sort((a, b) => a.parsedDate.getTime() - b.parsedDate.getTime());\n\n if (parsed.length === 0) return { chartData: [], monthTicks: new Map<number, string>(), maxWeek: 0, maxValue: 1 };\n\n const firstDate = parsed[0]?.parsedDate;\n const weekStart = new Date(firstDate);\n weekStart.setDate(weekStart.getDate() - weekStart.getDay());\n\n const months = new Map<number, string>();\n let lastMonth = -1;\n\n const points = parsed.map(point => {\n const weekday = point.parsedDate.getDay();\n const weekIndex = Math.floor((point.parsedDate.getTime() - weekStart.getTime()) / MS_PER_DAY / 7);\n const month = point.parsedDate.getMonth();\n if (month !== lastMonth) {\n months.set(weekIndex, point.parsedDate.toLocaleDateString('en-US', { month: 'short' }));\n lastMonth = month;\n }\n return { x: weekIndex, y: weekday, value: point.value, date: point.date };\n });\n\n return {\n chartData: points,\n monthTicks: months,\n maxWeek: Math.max(...points.map(point => point.x)),\n maxValue: Math.max(...points.map(point => point.value), 1),\n };\n }, [data]);\n\n return (\n <ChartContainer\n data-slot=\"activity-heatmap-chart\"\n config={config}\n className={cn('w-full', className)}\n style={height !== undefined ? { height, aspectRatio: 'auto' } : undefined}\n >\n <ScatterChart margin={{ top: 8, right: 12, bottom: 0, left: 0 }}>\n <XAxis\n type=\"number\"\n dataKey=\"x\"\n domain={[-0.5, maxWeek + 0.5]}\n ticks={Array.from(monthTicks.keys())}\n tickFormatter={x => monthTicks.get(x) ?? ''}\n tickLine={false}\n axisLine={false}\n tickMargin={8}\n interval={0}\n />\n <YAxis\n type=\"number\"\n dataKey=\"y\"\n domain={[-0.5, 6.5]}\n reversed\n ticks={[0, 1, 2, 3, 4, 5, 6]}\n tickFormatter={y => WEEKDAY_LABELS[y] ?? ''}\n tickLine={false}\n axisLine={false}\n width={20}\n interval={0}\n />\n <ChartTooltip\n cursor={false}\n content={\n <ChartTooltipContent\n hideLabel\n hideIndicator\n formatter={(_value, _name, item) => {\n const point = item.payload as { date: string \| Date; value: number };\n return (\n <div className=\"grid gap-0.5\">\n <span className=\"font-medium text-muted-strong\">{toDateLabel(point.date)}</span>\n <span className=\"text-muted\">\n {valueFormatter(point.value)} {config.value?.label}\n </span>\n </div>\n );\n }}\n />\n }\n />\n <Scatter\n data={chartData}\n shape={props => {\n const { cx, cy, payload } = props;\n if (cx === undefined \|\| cy === undefined) return <g />;\n const point = payload as { value: number };\n const intensity = Math.min(0.12 + 0.88 (point.value / maxValue), 1);\n return <rect x={cx - CELL_SIZE / 2} y={cy - CELL_SIZE / 2} width={CELL_SIZE} height={CELL_SIZE} rx={3} fill={color} fillOpacity={intensity} />;\n }}\n />\n </ScatterChart>\n </ChartContainer>\n );\n};\n"],"mappings":"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"}

package/dist/{add-new-DkBwXh0Q.d.cts → add-new-CHYPSC1G.d.cts} RENAMED Viewed

@@ -1,6 +1,7 @@
 //#region packages/components/ui/buttons/add-new.d.ts
 type Props = {
-  /** Callback invoked when the button is clicked. Defaults to a no-op. */onClick?: () => void;
+  /** Callback invoked when the button is clicked. Defaults to a no-op. */
+  onClick?: () => void;
 };
 /**
  * A toolbar button that triggers a "create new" action, displaying a plus icon alongside a "Create" label that is hidden on small screens.
@@ -13,4 +14,4 @@ type Props = {
 declare const AddNewBtn: React.FC<React.PropsWithChildren<Props>>;
 //#endregion
 export { AddNewBtn as t };
-//# sourceMappingURL=add-new-DkBwXh0Q.d.cts.map
+//# sourceMappingURL=add-new-CHYPSC1G.d.cts.map

package/dist/{add-new-DkBwXh0Q.d.mts → add-new-CHYPSC1G.d.mts} RENAMED Viewed

@@ -1,6 +1,7 @@
 //#region packages/components/ui/buttons/add-new.d.ts
 type Props = {
-  /** Callback invoked when the button is clicked. Defaults to a no-op. */onClick?: () => void;
+  /** Callback invoked when the button is clicked. Defaults to a no-op. */
+  onClick?: () => void;
 };
 /**
  * A toolbar button that triggers a "create new" action, displaying a plus icon alongside a "Create" label that is hidden on small screens.
@@ -13,4 +14,4 @@ type Props = {
 declare const AddNewBtn: React.FC<React.PropsWithChildren<Props>>;
 //#endregion
 export { AddNewBtn as t };
-//# sourceMappingURL=add-new-DkBwXh0Q.d.mts.map
+//# sourceMappingURL=add-new-CHYPSC1G.d.mts.map

package/dist/{alert-Bip5XjBw.d.cts → alert-C8wdckO8.d.cts} RENAMED Viewed

@@ -1,5 +1,4 @@
 import { VariantProps } from "class-variance-authority";
 //#region packages/components/ui/alert-variants.d.ts
 /**
  * Alert component variants for styling using class-variance-authority
@@ -40,15 +39,7 @@ interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<AlertVar
  * </Alert>
  * ```
  */
-declare function Alert({
-  className,
-  variant,
-  children,
-  icon,
-  dismissible,
-  onDismiss,
-  ...props
-}: AlertProps): import("react").JSX.Element;
+declare function Alert({ className, variant, children, icon, dismissible, onDismiss, ...props }: AlertProps): import("react").JSX.Element;
 /**
  * Props for the AlertTitle component.
  */
@@ -61,10 +52,7 @@ interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * Renders the bold title line inside an Alert.
  */
-declare function AlertTitle({
-  className,
-  ...props
-}: AlertTitleProps): import("react").JSX.Element;
+declare function AlertTitle({ className, ...props }: AlertTitleProps): import("react").JSX.Element;
 /**
  * Props for the AlertDescription component.
  */
@@ -77,10 +65,7 @@ interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * Renders the supporting body text inside an Alert.
  */
-declare function AlertDescription({
-  className,
-  ...props
-}: AlertDescriptionProps): import("react").JSX.Element;
+declare function AlertDescription({ className, ...props }: AlertDescriptionProps): import("react").JSX.Element;
 //#endregion
 export { AlertTitle as a, AlertProps as i, AlertDescription as n, AlertTitleProps as o, AlertDescriptionProps as r, Alert as t };
-//# sourceMappingURL=alert-Bip5XjBw.d.cts.map
+//# sourceMappingURL=alert-C8wdckO8.d.cts.map

package/dist/{alert-Bip5XjBw.d.mts → alert-C8wdckO8.d.mts} RENAMED Viewed

@@ -1,5 +1,4 @@
 import { VariantProps } from "class-variance-authority";
 //#region packages/components/ui/alert-variants.d.ts
 /**
  * Alert component variants for styling using class-variance-authority
@@ -40,15 +39,7 @@ interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<AlertVar
  * </Alert>
  * ```
  */
-declare function Alert({
-  className,
-  variant,
-  children,
-  icon,
-  dismissible,
-  onDismiss,
-  ...props
-}: AlertProps): import("react").JSX.Element;
+declare function Alert({ className, variant, children, icon, dismissible, onDismiss, ...props }: AlertProps): import("react").JSX.Element;
 /**
  * Props for the AlertTitle component.
  */
@@ -61,10 +52,7 @@ interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * Renders the bold title line inside an Alert.
  */
-declare function AlertTitle({
-  className,
-  ...props
-}: AlertTitleProps): import("react").JSX.Element;
+declare function AlertTitle({ className, ...props }: AlertTitleProps): import("react").JSX.Element;
 /**
  * Props for the AlertDescription component.
  */
@@ -77,10 +65,7 @@ interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * Renders the supporting body text inside an Alert.
  */
-declare function AlertDescription({
-  className,
-  ...props
-}: AlertDescriptionProps): import("react").JSX.Element;
+declare function AlertDescription({ className, ...props }: AlertDescriptionProps): import("react").JSX.Element;
 //#endregion
 export { AlertTitle as a, AlertProps as i, AlertDescription as n, AlertTitleProps as o, AlertDescriptionProps as r, Alert as t };
-//# sourceMappingURL=alert-Bip5XjBw.d.mts.map
+//# sourceMappingURL=alert-C8wdckO8.d.mts.map