@customafk/lunas-ui 0.1.0 → 0.1.2

package/dist/number-input-DcqwSq0c.js

@@ -0,0 +1,2 @@
+import{t as e}from"./input-C_Q32lFA.js";import{useCallback as t,useEffect as n,useMemo as r,useRef as i,useState as a}from"react";import{cn as o}from"@customafk/react-toolkit/utils";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=e=>e?/^-?\d*\.?\d*$/:/^\d*\.?\d*$/,u=e=>Number(e).toLocaleString(),d=({disabled:d=!1,readonly:f=!1,allowNegative:p=!1,numberAfterDecimalPoint:m=2,roundingRule:h=`none`,value:g=``,unitText:_,decimal:v,placeholder:y,precision:b,wrapperClassName:x,className:S,onChange:C,onValueChange:w,onBlur:T,...E})=>{let D=i(null),O=i(null),[k,A]=a(g.toString()),j=v?.[1]??m,M=v&&v[0]-v[1],N=r(()=>l(p),[p]),P=t(e=>{if(!j&&e.includes(`.`))return!1;let t=e.split(`.`)[1];return!t||t.length<=j},[j]),F=t(e=>{if(!v||e===`-`)return!0;let[t,n=``]=e.split(`.`);return n.length<=v[1]&&(t.startsWith(`-`)?t.length-1:t.length)<=M},[v,M]),I=t((e,t)=>{if(h===`none`)return e;let n=10**t,r=e*n;switch(h){case`up`:return Math.ceil(r)/n;case`down`:return Math.floor(r)/n;case`nearest`:return r%1<.1?Math.floor(r)/n:r%1>=.59?Math.ceil(r)/n:(Math.floor(r)+.5)/n;default:return e}},[h]),L=t(e=>!m&&e.includes(`.`)||e.split(`.`)[1]?.length>m,[m]),R=t(e=>{if(e===`0`)return`0`;if(!Number(e))return``;let[t,n=``]=I(parseFloat(e),Math.min(j-1,b||0)).toString().split(`.`),r=u(t);return n?`${r}.${n}`:r},[I,j,b]),z=t(e=>{if(!v||e===`-`)return!0;let[t,n=``]=e.split(`.`),r=t.startsWith(`-`)?t.length-1:t.length,i=v[0]-v[1];return n.length<=v[1]&&r<=i},[v]),B=t(e=>{C?.(e);let{value:t}=e.target;if(!t){w?.(void 0),A(``);return}if(t===`0`||t===`-`&&p){w?.(0),A(t);return}N.test(t)&&F(t)&&(v||P(t))&&(w?.(parseFloat(t)||0),A(t))},[p,v,P,F,C,w,N]),V=t(()=>{f||A(e=>e.replace(/,/g,``))},[f]),H=t(()=>{f||(T?.(),A(e=>R(e)))},[f,T,R]);return n(()=>{let e=document.activeElement===O.current;if(!g||!N.test(g.toString())||!z(g.toString())||!v&&L(g.toString())){A(``);return}A(t=>t===`-`?`-`:t?e?g.toString():R(g.toString()):``)},[v,R,g,L,z,N]),n(()=>{if(!D.current||!O.current||!_)return;let e=D.current.offsetWidth;O.current.style.setProperty(`padding-right`,`${(e+10)/16}rem`)},[_]),c(`div`,{className:o(`relative`,x),children:[s(e,{...E,ref:O,value:k||(f?`0`:``),placeholder:y,disabled:d,readOnly:f,className:o(`text-end font-number slashed-zero lining-nums tabular-nums`,f&&`bg-muted text-muted-foreground`,S),onChange:B,onFocus:V,onBlur:H}),_&&s(`span`,{ref:D,className:`-translate-y-1/2 pointer-events-none absolute top-1/2 right-2 text-muted-foreground text-sm`,children:_})]})};export{d as t};
+//# sourceMappingURL=number-input-DcqwSq0c.js.map

package/dist/number-input-DcqwSq0c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-DcqwSq0c.js","names":["NumberInput: React.FC<IProps>","value","precision","maxIntegerLength"],"sources":["../packages/components/ui/inputs/number-input.tsx"],"sourcesContent":["'use client';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Input } from '../input';\n\nconst createValidationRegex = (allowNegative: boolean): RegExp => {\n  return allowNegative ? /^-?\\d*\\.?\\d*$/ : /^\\d*\\.?\\d*$/;\n};\n\nconst formatNumberWithCommas = (num: number | string): string => {\n  return Number(num).toLocaleString();\n};\n\ninterface IProps extends React.HTMLAttributes<HTMLInputElement> {\n  /**\n   * Description: Value for the text field\n   *\n   * Default: ''\n   *\n   * Usage: Value for the text field\n   */\n  value?: string | number;\n  /**\n   * Description: Disabled state of the text field\n   *\n   * Default: `false`\n   *\n   * Usage: Disabled state of the text field\n   *\n   * Note: If true, the text field will be disabled\n   */\n  disabled?: boolean;\n  /**\n   * Description: Readonly state of the text field\n   *\n   * Default: `false`\n   *\n   * Usage: Readonly state of the text field\n   */\n  readonly?: boolean;\n  /**\n   * Description: Allow negative value for the text field\n   *\n   * Default: `false`\n   *\n   * Usage: Allow negative value for the text field\n   */\n  allowNegative?: boolean;\n  /**\n   * Description: Decimal point for the text field\n   *\n   * Default: `undefined`\n   *\n   * Usage: Ex: [12,3] => console.log(2323.23) // True\n   *\n   * Note: IF use this prop, `numberAfterDecimalPoint` will be ignored\n   */\n  decimal?: [number, number];\n  /**\n   * Description: Rounding rule for the text field\n   *\n   * Default: `nearest`\n   *\n   * Usage: Rounding rule for the text field\n   */\n  roundingRule?: 'up' | 'down' | 'nearest' | 'none';\n  /**\n   * Description: Number of digits after the decimal point\n   *\n   * Default: `2`\n   *\n   * Usage: Number of digits after the decimal point\n   */\n  numberAfterDecimalPoint?: number;\n  /**\n   * Description: Placeholder for the text field\n   *\n   * Default: ''\n   *\n   * Usage: Placeholder for the text field\n   */\n  placeholder?: string;\n  /**\n   * Description: Unit text for the text field\n   *\n   * Default: ''\n   *\n   * E.g. 'kg', 'm', 'USD'...\n   */\n  unitText?: string;\n  /**\n   * Description: Invalid state of the text field\n   *\n   * Default: `false`\n   *\n   * Usage: Invalid state of the text field\n   */\n  invalid?: boolean;\n  /**\n   * Description: Precision for the text field\n   *\n   * Default: `undefined`\n   * E.g.\n   * - 2.13 => 2.1 when precision is 1\n   * - 2.134 => 2.13 when precision is 2\n   */\n  precision?: number;\n  /**\n   * Description: Callback function for the value change\n   * Usage: Callback function for the value change\n   */\n  wrapperClassName?: string;\n  onValueChange?: (value?: number) => void;\n  onBlur?: () => void;\n}\n/**\n * ## Unit Text Field Component\n *\n * **Description**: This component is to display common text field with unit\n *\n * **Usage**: Text field with unit example: 1000 (kg), 100 (m), 1000 (USD)...\n */\nexport const NumberInput: React.FC<IProps> = ({\n  disabled = false,\n  readonly = false,\n  allowNegative = false,\n  numberAfterDecimalPoint = 2,\n  roundingRule = 'none',\n  value: initialValue = '',\n  unitText,\n  decimal,\n  placeholder,\n  precision,\n  wrapperClassName,\n  className,\n  onChange,\n  onValueChange,\n  onBlur,\n  ...props\n}) => {\n  const _unitRef = useRef<HTMLSpanElement>(null);\n  const _inputRef = useRef<HTMLInputElement>(null);\n\n  const [value, setValue] = useState<string>(initialValue.toString());\n\n  // Memoized values for validation and formatting\n  const maxDecimalPlaces = decimal?.[1] ?? numberAfterDecimalPoint;\n  const maxIntegerLength = decimal && decimal[0] - decimal[1];\n  const validationRegex = useMemo(() => createValidationRegex(allowNegative), [allowNegative]);\n\n  // Validation functions\n  const isValidDecimalLength = useCallback(\n    (value: string): boolean => {\n      if (!maxDecimalPlaces && value.includes('.')) return false;\n      const decimalPart = value.split('.')[1];\n      return !decimalPart || decimalPart.length <= maxDecimalPlaces;\n    },\n    [maxDecimalPlaces]\n  );\n  const isValidFormat = useCallback(\n    (value: string): boolean => {\n      if (!decimal || value === '-') return true;\n      const [integerPart, decimalPart = ''] = value.split('.');\n\n      return decimalPart.length <= decimal[1] && (integerPart.startsWith('-') ? integerPart.length - 1 : integerPart.length) <= maxIntegerLength!;\n    },\n    [decimal, maxIntegerLength]\n  );\n  const customRoundedValue = useCallback(\n    (value: number, precision: number) => {\n      if (roundingRule === 'none') return value;\n\n      const factor = 10 ** precision;\n      const scaledValue = value * factor;\n\n      switch (roundingRule) {\n        case 'up':\n          return Math.ceil(scaledValue) / factor;\n        case 'down':\n          return Math.floor(scaledValue) / factor;\n        case 'nearest': {\n          if (scaledValue % 1 < 0.1) return Math.floor(scaledValue) / factor;\n          if (scaledValue % 1 >= 0.59) return Math.ceil(scaledValue) / factor;\n          return (Math.floor(scaledValue) + 0.5) / factor;\n        }\n        default:\n          return value;\n      }\n    },\n    [roundingRule]\n  );\n  const isDecimalPointGreaterThanLimit = useCallback(\n    (value: string) => (!numberAfterDecimalPoint && value.includes('.')) || value.split('.')[1]?.length > numberAfterDecimalPoint,\n    [numberAfterDecimalPoint]\n  );\n  const formattedValue = useCallback(\n    (val: string) => {\n      if (val === '0') return '0';\n      if (!Number(val)) return '';\n\n      const numValue = parseFloat(val);\n      const effectivePrecision = Math.min(maxDecimalPlaces - 1, precision || 0);\n      const roundedValue = customRoundedValue(numValue, effectivePrecision).toString();\n      const [integerPart, decimalPart = ''] = roundedValue.split('.');\n      const formattedInteger = formatNumberWithCommas(integerPart);\n      return decimalPart ? `${formattedInteger}.${decimalPart}` : formattedInteger;\n    },\n    [customRoundedValue, maxDecimalPlaces, precision]\n  );\n  // Validate decimal point is less than or equal to the limit\n  const validateDecimalPoint = useCallback(\n    (value: string) => {\n      if (!decimal || value === '-') return true;\n\n      const [integerPart, decimalPart = ''] = value.split('.');\n      const integerLength = integerPart.startsWith('-') ? integerPart.length - 1 : integerPart.length;\n      const maxIntegerLength = decimal[0] - decimal[1];\n\n      return decimalPart.length <= decimal[1] && integerLength <= maxIntegerLength;\n    },\n    [decimal]\n  );\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      // Don't prevent default behavior of input change\n      onChange?.(e);\n\n      // Custom event handler for value change\n      const { value: inputValue } = e.target;\n\n      // Handle empty input\n      if (!inputValue) {\n        onValueChange?.(undefined);\n        setValue('');\n        return;\n      }\n\n      // Handle zero and negative zero\n      const isZero = inputValue === '0';\n      const isNegativeZero = inputValue === '-' && allowNegative;\n      if (isZero || isNegativeZero) {\n        onValueChange?.(0);\n        setValue(inputValue);\n        return;\n      }\n\n      // Validate input format\n      const isValid = validationRegex.test(inputValue) && isValidFormat(inputValue) && (decimal || isValidDecimalLength(inputValue));\n      if (!isValid) return;\n\n      const numericValue = parseFloat(inputValue) || 0;\n      onValueChange?.(numericValue);\n      setValue(inputValue);\n    },\n    [allowNegative, decimal, isValidDecimalLength, isValidFormat, onChange, onValueChange, validationRegex]\n  );\n\n  const handleFocus = useCallback(() => {\n    if (readonly) return;\n    setValue(prev => prev.replace(/,/g, '')); // Remove commas for easier editing\n  }, [readonly]);\n\n  const handleBlur = useCallback(() => {\n    if (readonly) return;\n    onBlur?.();\n    setValue(prev => formattedValue(prev));\n  }, [readonly, onBlur, formattedValue]);\n\n  // Set initial value\n  useEffect(() => {\n    const isFocused = document.activeElement === _inputRef.current;\n\n    if (\n      !initialValue ||\n      !validationRegex.test(initialValue.toString()) ||\n      !validateDecimalPoint(initialValue.toString()) ||\n      (!decimal && isDecimalPointGreaterThanLimit(initialValue.toString()))\n    ) {\n      setValue('');\n      return;\n    }\n\n    setValue(prev => {\n      if (prev === '-') return '-';\n      if (!prev) return '';\n      return isFocused ? initialValue.toString() : formattedValue(initialValue.toString());\n    });\n  }, [decimal, formattedValue, initialValue, isDecimalPointGreaterThanLimit, validateDecimalPoint, validationRegex]);\n\n  // Set padding right for the input field\n  useEffect(() => {\n    if (!_unitRef.current || !_inputRef.current || !unitText) return;\n    const unitWidth = _unitRef.current.offsetWidth;\n    _inputRef.current.style.setProperty('padding-right', `${(unitWidth + 10) / 16}rem`);\n  }, [unitText]);\n\n  return (\n    <div className={cn('relative', wrapperClassName)}>\n      <Input\n        {...props}\n        ref={_inputRef}\n        value={value || (readonly ? '0' : '')}\n        placeholder={placeholder}\n        disabled={disabled}\n        readOnly={readonly}\n        className={cn('text-end font-number slashed-zero lining-nums tabular-nums', readonly && 'bg-muted text-muted-foreground', className)}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      />\n      {unitText && (\n        <span ref={_unitRef} className=\"-translate-y-1/2 pointer-events-none absolute top-1/2 right-2 text-muted-foreground text-sm\">\n          {unitText}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"mappings":"wOAOA,MAAM,EAAyB,GACtB,EAAgB,gBAAkB,cAGrC,EAA0B,GACvB,OAAO,EAAI,CAAC,gBAAgB,CAgHxBA,GAAiC,CAC5C,WAAW,GACX,WAAW,GACX,gBAAgB,GAChB,0BAA0B,EAC1B,eAAe,OACf,MAAO,EAAe,GACtB,WACA,UACA,cACA,YACA,mBACA,YACA,WACA,gBACA,SACA,GAAG,KACC,CACJ,IAAM,EAAW,EAAwB,KAAK,CACxC,EAAY,EAAyB,KAAK,CAE1C,CAAC,EAAO,GAAY,EAAiB,EAAa,UAAU,CAAC,CAG7D,EAAmB,IAAU,IAAM,EACnC,EAAmB,GAAW,EAAQ,GAAK,EAAQ,GACnD,EAAkB,MAAc,EAAsB,EAAc,CAAE,CAAC,EAAc,CAAC,CAGtF,EAAuB,EAC1B,GAA2B,CAC1B,GAAI,CAAC,GAAoBC,EAAM,SAAS,IAAI,CAAE,MAAO,GACrD,IAAM,EAAcA,EAAM,MAAM,IAAI,CAAC,GACrC,MAAO,CAAC,GAAe,EAAY,QAAU,GAE/C,CAAC,EAAiB,CACnB,CACK,EAAgB,EACnB,GAA2B,CAC1B,GAAI,CAAC,GAAWA,IAAU,IAAK,MAAO,GACtC,GAAM,CAAC,EAAa,EAAc,IAAMA,EAAM,MAAM,IAAI,CAExD,OAAO,EAAY,QAAU,EAAQ,KAAO,EAAY,WAAW,IAAI,CAAG,EAAY,OAAS,EAAI,EAAY,SAAW,GAE5H,CAAC,EAAS,EAAiB,CAC5B,CACK,EAAqB,GACxB,EAAe,IAAsB,CACpC,GAAI,IAAiB,OAAQ,OAAOA,EAEpC,IAAM,EAAS,IAAMC,EACf,EAAcD,EAAQ,EAE5B,OAAQ,EAAR,CACE,IAAK,KACH,OAAO,KAAK,KAAK,EAAY,CAAG,EAClC,IAAK,OACH,OAAO,KAAK,MAAM,EAAY,CAAG,EACnC,IAAK,UAGH,OAFI,EAAc,EAAI,GAAY,KAAK,MAAM,EAAY,CAAG,EACxD,EAAc,GAAK,IAAa,KAAK,KAAK,EAAY,CAAG,GACrD,KAAK,MAAM,EAAY,CAAG,IAAO,EAE3C,QACE,OAAOA,IAGb,CAAC,EAAa,CACf,CACK,EAAiC,EACpC,GAAmB,CAAC,GAA2BA,EAAM,SAAS,IAAI,EAAKA,EAAM,MAAM,IAAI,CAAC,IAAI,OAAS,EACtG,CAAC,EAAwB,CAC1B,CACK,EAAiB,EACpB,GAAgB,CACf,GAAI,IAAQ,IAAK,MAAO,IACxB,GAAI,CAAC,OAAO,EAAI,CAAE,MAAO,GAKzB,GAAM,CAAC,EAAa,EAAc,IADb,EAFJ,WAAW,EAAI,CACL,KAAK,IAAI,EAAmB,EAAG,GAAa,EAAE,CACJ,CAAC,UAAU,CAC3B,MAAM,IAAI,CACzD,EAAmB,EAAuB,EAAY,CAC5D,OAAO,EAAc,GAAG,EAAiB,GAAG,IAAgB,GAE9D,CAAC,EAAoB,EAAkB,EAAU,CAClD,CAEK,EAAuB,EAC1B,GAAkB,CACjB,GAAI,CAAC,GAAWA,IAAU,IAAK,MAAO,GAEtC,GAAM,CAAC,EAAa,EAAc,IAAMA,EAAM,MAAM,IAAI,CAClD,EAAgB,EAAY,WAAW,IAAI,CAAG,EAAY,OAAS,EAAI,EAAY,OACnFE,EAAmB,EAAQ,GAAK,EAAQ,GAE9C,OAAO,EAAY,QAAU,EAAQ,IAAM,GAAiBA,GAE9D,CAAC,EAAQ,CACV,CACK,EAAe,EAClB,GAA2C,CAE1C,IAAW,EAAE,CAGb,GAAM,CAAE,MAAO,GAAe,EAAE,OAGhC,GAAI,CAAC,EAAY,CACf,IAAgB,IAAA,GAAU,CAC1B,EAAS,GAAG,CACZ,OAMF,GAFe,IAAe,KACP,IAAe,KAAO,EACf,CAC5B,IAAgB,EAAE,CAClB,EAAS,EAAW,CACpB,OAIc,EAAgB,KAAK,EAAW,EAAI,EAAc,EAAW,GAAK,GAAW,EAAqB,EAAW,IAI7H,IADqB,WAAW,EAAW,EAAI,EAClB,CAC7B,EAAS,EAAW,GAEtB,CAAC,EAAe,EAAS,EAAsB,EAAe,EAAU,EAAe,EAAgB,CACxG,CAEK,EAAc,MAAkB,CAChC,GACJ,EAAS,GAAQ,EAAK,QAAQ,KAAM,GAAG,CAAC,EACvC,CAAC,EAAS,CAAC,CAER,EAAa,MAAkB,CAC/B,IACJ,KAAU,CACV,EAAS,GAAQ,EAAe,EAAK,CAAC,GACrC,CAAC,EAAU,EAAQ,EAAe,CAAC,CA8BtC,OA3BA,MAAgB,CACd,IAAM,EAAY,SAAS,gBAAkB,EAAU,QAEvD,GACE,CAAC,GACD,CAAC,EAAgB,KAAK,EAAa,UAAU,CAAC,EAC9C,CAAC,EAAqB,EAAa,UAAU,CAAC,EAC7C,CAAC,GAAW,EAA+B,EAAa,UAAU,CAAC,CACpE,CACA,EAAS,GAAG,CACZ,OAGF,EAAS,GACH,IAAS,IAAY,IACpB,EACE,EAAY,EAAa,UAAU,CAAG,EAAe,EAAa,UAAU,CAAC,CADlE,GAElB,EACD,CAAC,EAAS,EAAgB,EAAc,EAAgC,EAAsB,EAAgB,CAAC,CAGlH,MAAgB,CACd,GAAI,CAAC,EAAS,SAAW,CAAC,EAAU,SAAW,CAAC,EAAU,OAC1D,IAAM,EAAY,EAAS,QAAQ,YACnC,EAAU,QAAQ,MAAM,YAAY,gBAAiB,IAAI,EAAY,IAAM,GAAG,KAAK,EAClF,CAAC,EAAS,CAAC,CAGZ,EAAC,MAAA,CAAI,UAAW,EAAG,WAAY,EAAiB,WAC9C,EAAC,EAAA,CACC,GAAI,EACJ,IAAK,EACL,MAAO,IAAU,EAAW,IAAM,IACrB,cACH,WACV,SAAU,EACV,UAAW,EAAG,6DAA8D,GAAY,iCAAkC,EAAU,CACpI,SAAU,EACV,QAAS,EACT,OAAQ,GACR,CACD,GACC,EAAC,OAAA,CAAK,IAAK,EAAU,UAAU,uGAC5B,GACI,CAAA,EAEL"}

package/dist/pages/FeatureDeveloping-BeIxa4wM.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime15 from "react/jsx-runtime";
+
+//#region packages/components/pages/FeatureDeveloping.d.ts
+interface FeatureDevelopingProps {
+  title?: string;
+  subtitle?: string;
+  buttonText?: string;
+  onButtonClick?: () => void;
+  className?: string;
+  iconClassName?: string;
+}
+/**
+ * FeatureDeveloping component for displaying pages with features under development
+ */
+declare const FeatureDeveloping: ({
+  title,
+  subtitle,
+  buttonText,
+  onButtonClick,
+  className,
+  iconClassName
+}: FeatureDevelopingProps) => react_jsx_runtime15.JSX.Element;
+//#endregion
+export { FeatureDeveloping, FeatureDeveloping as default, FeatureDevelopingProps };
+//# sourceMappingURL=FeatureDeveloping-BeIxa4wM.d.ts.map

package/dist/pages/FeatureDeveloping-Gawso2L1.d.cts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+
+//#region packages/components/pages/FeatureDeveloping.d.ts
+interface FeatureDevelopingProps {
+  title?: string;
+  subtitle?: string;
+  buttonText?: string;
+  onButtonClick?: () => void;
+  className?: string;
+  iconClassName?: string;
+}
+/**
+ * FeatureDeveloping component for displaying pages with features under development
+ */
+declare const FeatureDeveloping: ({
+  title,
+  subtitle,
+  buttonText,
+  onButtonClick,
+  className,
+  iconClassName
+}: FeatureDevelopingProps) => react_jsx_runtime11.JSX.Element;
+//#endregion
+export { FeatureDeveloping, FeatureDeveloping as default, FeatureDevelopingProps };
+//# sourceMappingURL=FeatureDeveloping-Gawso2L1.d.cts.map

package/dist/pages/FeatureDeveloping.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-DjWAcSYV.cjs`);require(`../dist-BdSAGFCS.cjs`),require(`../button-variants-BebiEdiS.cjs`);const t=require(`../button-BKgDCyHZ.cjs`);let n=require(`lucide-react`);n=e.t(n);let r=require(`@customafk/react-toolkit/utils`);r=e.t(r);let i=require(`react/jsx-runtime`);i=e.t(i);const a=({title:e=`Tính năng đang phát triển`,subtitle:a=`Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.`,buttonText:o=`Quay lại`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(n.Construction,{className:(0,r.cn)(`size-16 sm:size-24 text-yellow-500`,l)}),(0,i.jsx)(`div`,{className:`text-3xl sm:text-5xl font-bold text-yellow-500`})]}),(0,i.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,i.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,i.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.FeatureDeveloping=a,exports.default=o;
+Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../dist-Dh8WwRa8.cjs`),require(`../button.variants-D1vkzrn1.cjs`);const t=require(`../button-BSQjtXgG.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({title:e=`Tính năng đang phát triển`,subtitle:a=`Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.`,buttonText:o=`Quay lại`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(n.Construction,{className:(0,r.cn)(`size-16 sm:size-24 text-yellow-500`,l)}),(0,i.jsx)(`div`,{className:`text-3xl sm:text-5xl font-bold text-yellow-500`})]}),(0,i.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,i.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,i.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.FeatureDeveloping=a,exports.default=o;
 //# sourceMappingURL=FeatureDeveloping.cjs.map

package/dist/pages/FeatureDeveloping.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureDeveloping.cjs","names":["Construction","Button"],"sources":["../../packages/components/pages/FeatureDeveloping.tsx"],"sourcesContent":["import { Construction } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '../ui/button';\n\nexport interface FeatureDevelopingProps {\n  title?: string;\n  subtitle?: string;\n  buttonText?: string;\n  onButtonClick?: () => void;\n  className?: string;\n  iconClassName?: string;\n}\n\n/**\n * FeatureDeveloping component for displaying pages with features under development\n */\nexport const FeatureDeveloping = ({\n  title = 'Tính năng đang phát triển',\n  subtitle = 'Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: FeatureDevelopingProps) => {\n  return (\n    <div className={cn('flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <Construction className={cn('size-16 sm:size-24 text-yellow-500', iconClassName)} />\n        <div className=\"text-3xl sm:text-5xl font-bold text-yellow-500\">{/* This text shows the feature is in development */}</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default FeatureDeveloping;\n"],"mappings":"iWAkBA,MAAa,GAAqB,CAChC,QAAQ,4BACR,WAAW,kEACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,aAAAA,CAAa,WAAA,EAAA,EAAA,IAAc,qCAAsC,EAAc,CAAA,CAAI,EACpF,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,iDAAA,CAA4G,CAAA,EACvH,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}
+{"version":3,"file":"FeatureDeveloping.cjs","names":["Construction","Button"],"sources":["../../packages/components/pages/FeatureDeveloping.tsx"],"sourcesContent":["import { Construction } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '../ui/button';\n\nexport interface FeatureDevelopingProps {\n  title?: string;\n  subtitle?: string;\n  buttonText?: string;\n  onButtonClick?: () => void;\n  className?: string;\n  iconClassName?: string;\n}\n\n/**\n * FeatureDeveloping component for displaying pages with features under development\n */\nexport const FeatureDeveloping = ({\n  title = 'Tính năng đang phát triển',\n  subtitle = 'Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: FeatureDevelopingProps) => {\n  return (\n    <div className={cn('flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <Construction className={cn('size-16 sm:size-24 text-yellow-500', iconClassName)} />\n        <div className=\"text-3xl sm:text-5xl font-bold text-yellow-500\">{/* This text shows the feature is in development */}</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default FeatureDeveloping;\n"],"mappings":"8TAkBA,MAAa,GAAqB,CAChC,QAAQ,4BACR,WAAW,kEACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,aAAAA,CAAa,WAAA,EAAA,EAAA,IAAc,qCAAsC,EAAc,CAAA,CAAI,EACpF,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,iDAAA,CAA4G,CAAA,EACvH,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

package/dist/pages/FeatureDeveloping.js

@@ -1,2 +1,2 @@
-import"../dist-B3j6PslN.js";import"../button-variants-D1PJJEST.js";import{t as e}from"../button-dQ8MuLKP.js";import{Construction as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a=`Tính năng đang phát triển`,subtitle:o=`Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>i(`div`,{className:n(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[i(`div`,{className:`flex flex-col items-center gap-2`,children:[r(t,{className:n(`size-16 sm:size-24 text-yellow-500`,u)}),r(`div`,{className:`text-3xl sm:text-5xl font-bold text-yellow-500`})]}),r(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),r(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),r(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as FeatureDeveloping,o as default};
+import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import{t as e}from"../button-ZBnX9IoC.js";import{Construction as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a=`Tính năng đang phát triển`,subtitle:o=`Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>i(`div`,{className:n(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[i(`div`,{className:`flex flex-col items-center gap-2`,children:[r(t,{className:n(`size-16 sm:size-24 text-yellow-500`,u)}),r(`div`,{className:`text-3xl sm:text-5xl font-bold text-yellow-500`})]}),r(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),r(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),r(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as FeatureDeveloping,o as default};
 //# sourceMappingURL=FeatureDeveloping.js.map

package/dist/pages/FeatureFixing-15fAuG2X.d.cts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region packages/components/pages/FeatureFixing.d.ts
+interface FeatureFixingProps {
+  title?: string;
+  subtitle?: string;
+  buttonText?: string;
+  onButtonClick?: () => void;
+  className?: string;
+  iconClassName?: string;
+}
+/**
+ * FeatureFixing component for displaying pages with features under maintenance or being fixed
+ */
+declare const FeatureFixing: ({
+  title,
+  subtitle,
+  buttonText,
+  onButtonClick,
+  className,
+  iconClassName
+}: FeatureFixingProps) => react_jsx_runtime13.JSX.Element;
+//#endregion
+export { FeatureFixing, FeatureFixing as default, FeatureFixingProps };
+//# sourceMappingURL=FeatureFixing-15fAuG2X.d.cts.map

package/dist/pages/FeatureFixing-BrRzEmRv.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime93 from "react/jsx-runtime";
+
+//#region packages/components/pages/FeatureFixing.d.ts
+interface FeatureFixingProps {
+  title?: string;
+  subtitle?: string;
+  buttonText?: string;
+  onButtonClick?: () => void;
+  className?: string;
+  iconClassName?: string;
+}
+/**
+ * FeatureFixing component for displaying pages with features under maintenance or being fixed
+ */
+declare const FeatureFixing: ({
+  title,
+  subtitle,
+  buttonText,
+  onButtonClick,
+  className,
+  iconClassName
+}: FeatureFixingProps) => react_jsx_runtime93.JSX.Element;
+//#endregion
+export { FeatureFixing, FeatureFixing as default, FeatureFixingProps };
+//# sourceMappingURL=FeatureFixing-BrRzEmRv.d.ts.map

package/dist/pages/FeatureFixing.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-DjWAcSYV.cjs`);require(`../dist-BdSAGFCS.cjs`),require(`../button-variants-BebiEdiS.cjs`);const t=require(`../button-BKgDCyHZ.cjs`);let n=require(`lucide-react`);n=e.t(n);let r=require(`@customafk/react-toolkit/utils`);r=e.t(r);let i=require(`react/jsx-runtime`);i=e.t(i);const a=({title:e=`Tính năng đang bảo trì`,subtitle:a=`Chúng tôi đang khắc phục vấn đề với tính năng này. Vui lòng quay lại sau.`,buttonText:o=`Quay lại`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(n.Wrench,{className:(0,r.cn)(`size-16 sm:size-24 text-orange-500`,l)}),(0,i.jsx)(`div`,{className:`text-3xl sm:text-5xl font-bold text-orange-500`})]}),(0,i.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,i.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,i.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.FeatureFixing=a,exports.default=o;
+Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../dist-Dh8WwRa8.cjs`),require(`../button.variants-D1vkzrn1.cjs`);const t=require(`../button-BSQjtXgG.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({title:e=`Tính năng đang bảo trì`,subtitle:a=`Chúng tôi đang khắc phục vấn đề với tính năng này. Vui lòng quay lại sau.`,buttonText:o=`Quay lại`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(n.Wrench,{className:(0,r.cn)(`size-16 sm:size-24 text-orange-500`,l)}),(0,i.jsx)(`div`,{className:`text-3xl sm:text-5xl font-bold text-orange-500`})]}),(0,i.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,i.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,i.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.FeatureFixing=a,exports.default=o;
 //# sourceMappingURL=FeatureFixing.cjs.map

package/dist/pages/FeatureFixing.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureFixing.cjs","names":["Wrench","Button"],"sources":["../../packages/components/pages/FeatureFixing.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { Wrench } from 'lucide-react';\n\nexport interface FeatureFixingProps {\n  title?: string;\n  subtitle?: string;\n  buttonText?: string;\n  onButtonClick?: () => void;\n  className?: string;\n  iconClassName?: string;\n}\n\n/**\n * FeatureFixing component for displaying pages with features under maintenance or being fixed\n */\nexport const FeatureFixing = ({\n  title = 'Tính năng đang bảo trì',\n  subtitle = 'Chúng tôi đang khắc phục vấn đề với tính năng này. Vui lòng quay lại sau.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: FeatureFixingProps) => {\n  return (\n    <div className={cn('flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <Wrench className={cn('size-16 sm:size-24 text-orange-500', iconClassName)} />\n        <div className=\"text-3xl sm:text-5xl font-bold text-orange-500\">{/* This text indicates the feature is being fixed */}</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default FeatureFixing;\n"],"mappings":"iWAgBA,MAAa,GAAiB,CAC5B,QAAQ,yBACR,WAAW,4EACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,OAAAA,CAAO,WAAA,EAAA,EAAA,IAAc,qCAAsC,EAAc,CAAA,CAAI,EAC9E,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,iDAAA,CAA6G,CAAA,EACxH,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}
+{"version":3,"file":"FeatureFixing.cjs","names":["Wrench","Button"],"sources":["../../packages/components/pages/FeatureFixing.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { Wrench } from 'lucide-react';\n\nexport interface FeatureFixingProps {\n  title?: string;\n  subtitle?: string;\n  buttonText?: string;\n  onButtonClick?: () => void;\n  className?: string;\n  iconClassName?: string;\n}\n\n/**\n * FeatureFixing component for displaying pages with features under maintenance or being fixed\n */\nexport const FeatureFixing = ({\n  title = 'Tính năng đang bảo trì',\n  subtitle = 'Chúng tôi đang khắc phục vấn đề với tính năng này. Vui lòng quay lại sau.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: FeatureFixingProps) => {\n  return (\n    <div className={cn('flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <Wrench className={cn('size-16 sm:size-24 text-orange-500', iconClassName)} />\n        <div className=\"text-3xl sm:text-5xl font-bold text-orange-500\">{/* This text indicates the feature is being fixed */}</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default FeatureFixing;\n"],"mappings":"8TAgBA,MAAa,GAAiB,CAC5B,QAAQ,yBACR,WAAW,4EACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,OAAAA,CAAO,WAAA,EAAA,EAAA,IAAc,qCAAsC,EAAc,CAAA,CAAI,EAC9E,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,iDAAA,CAA6G,CAAA,EACxH,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

package/dist/pages/FeatureFixing.js

@@ -1,2 +1,2 @@
-import"../dist-B3j6PslN.js";import"../button-variants-D1PJJEST.js";import{t as e}from"../button-dQ8MuLKP.js";import{Wrench as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a=`Tính năng đang bảo trì`,subtitle:o=`Chúng tôi đang khắc phục vấn đề với tính năng này. Vui lòng quay lại sau.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>i(`div`,{className:n(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[i(`div`,{className:`flex flex-col items-center gap-2`,children:[r(t,{className:n(`size-16 sm:size-24 text-orange-500`,u)}),r(`div`,{className:`text-3xl sm:text-5xl font-bold text-orange-500`})]}),r(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),r(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),r(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as FeatureFixing,o as default};
+import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import{t as e}from"../button-ZBnX9IoC.js";import{Wrench as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a=`Tính năng đang bảo trì`,subtitle:o=`Chúng tôi đang khắc phục vấn đề với tính năng này. Vui lòng quay lại sau.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>i(`div`,{className:n(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[i(`div`,{className:`flex flex-col items-center gap-2`,children:[r(t,{className:n(`size-16 sm:size-24 text-orange-500`,u)}),r(`div`,{className:`text-3xl sm:text-5xl font-bold text-orange-500`})]}),r(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),r(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),r(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as FeatureFixing,o as default};
 //# sourceMappingURL=FeatureFixing.js.map

package/dist/pages/NotAuthorized-BYfvERVx.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime33 from "react/jsx-runtime";
+
+//#region packages/components/pages/NotAuthorized.d.ts
+interface NotAuthorizedProps {
+  title?: string;
+  subtitle?: string;
+  buttonText?: string;
+  onButtonClick?: () => void;
+  className?: string;
+  iconClassName?: string;
+}
+/**
+ * NotAuthorized component for displaying 403 forbidden/unauthorized pages
+ */
+declare const NotAuthorized: ({
+  title,
+  subtitle,
+  buttonText,
+  onButtonClick,
+  className,
+  iconClassName
+}: NotAuthorizedProps) => react_jsx_runtime33.JSX.Element;
+//#endregion
+export { NotAuthorized, NotAuthorized as default, NotAuthorizedProps };
+//# sourceMappingURL=NotAuthorized-BYfvERVx.d.ts.map

package/dist/pages/NotAuthorized-CmtruDSD.d.cts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region packages/components/pages/NotAuthorized.d.ts
+interface NotAuthorizedProps {
+  title?: string;
+  subtitle?: string;
+  buttonText?: string;
+  onButtonClick?: () => void;
+  className?: string;
+  iconClassName?: string;
+}
+/**
+ * NotAuthorized component for displaying 403 forbidden/unauthorized pages
+ */
+declare const NotAuthorized: ({
+  title,
+  subtitle,
+  buttonText,
+  onButtonClick,
+  className,
+  iconClassName
+}: NotAuthorizedProps) => react_jsx_runtime12.JSX.Element;
+//#endregion
+export { NotAuthorized, NotAuthorized as default, NotAuthorizedProps };
+//# sourceMappingURL=NotAuthorized-CmtruDSD.d.cts.map

package/dist/pages/NotAuthorized.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-DjWAcSYV.cjs`);require(`../dist-BdSAGFCS.cjs`),require(`../button-variants-BebiEdiS.cjs`);const t=require(`../button-BKgDCyHZ.cjs`);let n=require(`lucide-react`);n=e.t(n);let r=require(`@customafk/react-toolkit/utils`);r=e.t(r);let i=require(`react/jsx-runtime`);i=e.t(i);const a=({title:e=`Quyền truy cập bị từ chối`,subtitle:a=`Xin lỗi, bạn không có quyền truy cập vào trang này.`,buttonText:o=`Quay lại`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(n.ShieldAlert,{className:(0,r.cn)(`size-16 sm:size-24 text-primary`,l)}),(0,i.jsx)(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`403`})]}),(0,i.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,i.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,i.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.NotAuthorized=a,exports.default=o;
+Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../dist-Dh8WwRa8.cjs`),require(`../button.variants-D1vkzrn1.cjs`);const t=require(`../button-BSQjtXgG.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({title:e=`Quyền truy cập bị từ chối`,subtitle:a=`Xin lỗi, bạn không có quyền truy cập vào trang này.`,buttonText:o=`Quay lại`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(n.ShieldAlert,{className:(0,r.cn)(`size-16 sm:size-24 text-primary`,l)}),(0,i.jsx)(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`403`})]}),(0,i.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,i.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,i.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.NotAuthorized=a,exports.default=o;
 //# sourceMappingURL=NotAuthorized.cjs.map

package/dist/pages/NotAuthorized.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotAuthorized.cjs","names":["ShieldAlert","Button"],"sources":["../../packages/components/pages/NotAuthorized.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { ShieldAlert } from 'lucide-react';\n\nexport interface NotAuthorizedProps {\n  title?: string;\n  subtitle?: string;\n  buttonText?: string;\n  onButtonClick?: () => void;\n  className?: string;\n  iconClassName?: string;\n}\n\n/**\n * NotAuthorized component for displaying 403 forbidden/unauthorized pages\n */\nexport const NotAuthorized = ({\n  title = 'Quyền truy cập bị từ chối',\n  subtitle = 'Xin lỗi, bạn không có quyền truy cập vào trang này.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: NotAuthorizedProps) => {\n  return (\n    <div className={cn('flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <ShieldAlert className={cn('size-16 sm:size-24 text-primary', iconClassName)} />\n        <div className=\"text-4xl sm:text-6xl font-bold text-primary\">403</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default NotAuthorized;\n"],"mappings":"iWAgBA,MAAa,GAAiB,CAC5B,QAAQ,4BACR,WAAW,sDACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,YAAAA,CAAY,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAc,CAAA,CAAI,EAChF,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,uDAA8C,OAAS,CAAA,EAClE,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}
+{"version":3,"file":"NotAuthorized.cjs","names":["ShieldAlert","Button"],"sources":["../../packages/components/pages/NotAuthorized.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { ShieldAlert } from 'lucide-react';\n\nexport interface NotAuthorizedProps {\n  title?: string;\n  subtitle?: string;\n  buttonText?: string;\n  onButtonClick?: () => void;\n  className?: string;\n  iconClassName?: string;\n}\n\n/**\n * NotAuthorized component for displaying 403 forbidden/unauthorized pages\n */\nexport const NotAuthorized = ({\n  title = 'Quyền truy cập bị từ chối',\n  subtitle = 'Xin lỗi, bạn không có quyền truy cập vào trang này.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: NotAuthorizedProps) => {\n  return (\n    <div className={cn('flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <ShieldAlert className={cn('size-16 sm:size-24 text-primary', iconClassName)} />\n        <div className=\"text-4xl sm:text-6xl font-bold text-primary\">403</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default NotAuthorized;\n"],"mappings":"8TAgBA,MAAa,GAAiB,CAC5B,QAAQ,4BACR,WAAW,sDACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,YAAAA,CAAY,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAc,CAAA,CAAI,EAChF,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,uDAA8C,OAAS,CAAA,EAClE,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

package/dist/pages/NotAuthorized.js

@@ -1,2 +1,2 @@
-import"../dist-B3j6PslN.js";import"../button-variants-D1PJJEST.js";import{t as e}from"../button-dQ8MuLKP.js";import{ShieldAlert as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a=`Quyền truy cập bị từ chối`,subtitle:o=`Xin lỗi, bạn không có quyền truy cập vào trang này.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>i(`div`,{className:n(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[i(`div`,{className:`flex flex-col items-center gap-2`,children:[r(t,{className:n(`size-16 sm:size-24 text-primary`,u)}),r(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`403`})]}),r(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),r(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),r(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as NotAuthorized,o as default};
+import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import{t as e}from"../button-ZBnX9IoC.js";import{ShieldAlert as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a=`Quyền truy cập bị từ chối`,subtitle:o=`Xin lỗi, bạn không có quyền truy cập vào trang này.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>i(`div`,{className:n(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[i(`div`,{className:`flex flex-col items-center gap-2`,children:[r(t,{className:n(`size-16 sm:size-24 text-primary`,u)}),r(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`403`})]}),r(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),r(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),r(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as NotAuthorized,o as default};
 //# sourceMappingURL=NotAuthorized.js.map

package/dist/pages/NotFound-DB59XB70.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime19 from "react/jsx-runtime";
+
+//#region packages/components/pages/NotFound.d.ts
+interface NotFoundProps {
+  title?: string;
+  subtitle?: string;
+  buttonText?: string;
+  onButtonClick?: () => void;
+  className?: string;
+  iconClassName?: string;
+}
+/**
+ * NotFound component for displaying 404 page content
+ */
+declare const NotFound: ({
+  title,
+  subtitle,
+  buttonText,
+  onButtonClick,
+  className,
+  iconClassName
+}: NotFoundProps) => react_jsx_runtime19.JSX.Element;
+//#endregion
+export { NotFound, NotFound as default, NotFoundProps };
+//# sourceMappingURL=NotFound-DB59XB70.d.ts.map

package/dist/pages/NotFound-DKVxxGx2.d.cts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+
+//#region packages/components/pages/NotFound.d.ts
+interface NotFoundProps {
+  title?: string;
+  subtitle?: string;
+  buttonText?: string;
+  onButtonClick?: () => void;
+  className?: string;
+  iconClassName?: string;
+}
+/**
+ * NotFound component for displaying 404 page content
+ */
+declare const NotFound: ({
+  title,
+  subtitle,
+  buttonText,
+  onButtonClick,
+  className,
+  iconClassName
+}: NotFoundProps) => react_jsx_runtime14.JSX.Element;
+//#endregion
+export { NotFound, NotFound as default, NotFoundProps };
+//# sourceMappingURL=NotFound-DKVxxGx2.d.cts.map

package/dist/pages/NotFound.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-DjWAcSYV.cjs`);require(`../dist-BdSAGFCS.cjs`),require(`../button-variants-BebiEdiS.cjs`);const t=require(`../button-BKgDCyHZ.cjs`);let n=require(`lucide-react`);n=e.t(n);let r=require(`@customafk/react-toolkit/utils`);r=e.t(r);let i=require(`react/jsx-runtime`);i=e.t(i);const a=({title:e=`Không tìm thấy trang`,subtitle:a=`Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.`,buttonText:o=`Trở về trang chủ`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(n.FileQuestion,{className:(0,r.cn)(`size-16 sm:size-24 text-primary`,l)}),(0,i.jsx)(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`404`})]}),(0,i.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,i.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,i.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.NotFound=a,exports.default=o;
+Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../dist-Dh8WwRa8.cjs`),require(`../button.variants-D1vkzrn1.cjs`);const t=require(`../button-BSQjtXgG.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({title:e=`Không tìm thấy trang`,subtitle:a=`Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.`,buttonText:o=`Trở về trang chủ`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(n.FileQuestion,{className:(0,r.cn)(`size-16 sm:size-24 text-primary`,l)}),(0,i.jsx)(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`404`})]}),(0,i.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,i.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,i.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.NotFound=a,exports.default=o;
 //# sourceMappingURL=NotFound.cjs.map

package/dist/pages/NotFound.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotFound.cjs","names":["FileQuestion","Button"],"sources":["../../packages/components/pages/NotFound.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { FileQuestion } from 'lucide-react';\n\nexport interface NotFoundProps {\n  title?: string;\n  subtitle?: string;\n  buttonText?: string;\n  onButtonClick?: () => void;\n  className?: string;\n  iconClassName?: string;\n}\n\n/**\n * NotFound component for displaying 404 page content\n */\nexport const NotFound = ({\n  title = 'Không tìm thấy trang',\n  subtitle = 'Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.',\n  buttonText = 'Trở về trang chủ',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: NotFoundProps) => {\n  return (\n    <div className={cn('flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <FileQuestion className={cn('size-16 sm:size-24 text-primary', iconClassName)} />\n        <div className=\"text-4xl sm:text-6xl font-bold text-primary\">404</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default NotFound;\n"],"mappings":"iWAgBA,MAAa,GAAY,CACvB,QAAQ,uBACR,WAAW,uEACX,aAAa,mBACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,aAAAA,CAAa,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAc,CAAA,CAAI,EACjF,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,uDAA8C,OAAS,CAAA,EAClE,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}
+{"version":3,"file":"NotFound.cjs","names":["FileQuestion","Button"],"sources":["../../packages/components/pages/NotFound.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { FileQuestion } from 'lucide-react';\n\nexport interface NotFoundProps {\n  title?: string;\n  subtitle?: string;\n  buttonText?: string;\n  onButtonClick?: () => void;\n  className?: string;\n  iconClassName?: string;\n}\n\n/**\n * NotFound component for displaying 404 page content\n */\nexport const NotFound = ({\n  title = 'Không tìm thấy trang',\n  subtitle = 'Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.',\n  buttonText = 'Trở về trang chủ',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: NotFoundProps) => {\n  return (\n    <div className={cn('flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <FileQuestion className={cn('size-16 sm:size-24 text-primary', iconClassName)} />\n        <div className=\"text-4xl sm:text-6xl font-bold text-primary\">404</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default NotFound;\n"],"mappings":"8TAgBA,MAAa,GAAY,CACvB,QAAQ,uBACR,WAAW,uEACX,aAAa,mBACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,aAAAA,CAAa,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAc,CAAA,CAAI,EACjF,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,uDAA8C,OAAS,CAAA,EAClE,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

package/dist/pages/NotFound.js

@@ -1,2 +1,2 @@
-import"../dist-B3j6PslN.js";import"../button-variants-D1PJJEST.js";import{t as e}from"../button-dQ8MuLKP.js";import{FileQuestion as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a=`Không tìm thấy trang`,subtitle:o=`Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.`,buttonText:s=`Trở về trang chủ`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>i(`div`,{className:n(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[i(`div`,{className:`flex flex-col items-center gap-2`,children:[r(t,{className:n(`size-16 sm:size-24 text-primary`,u)}),r(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`404`})]}),r(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),r(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),r(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as NotFound,o as default};
+import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import{t as e}from"../button-ZBnX9IoC.js";import{FileQuestion as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a=`Không tìm thấy trang`,subtitle:o=`Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.`,buttonText:s=`Trở về trang chủ`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>i(`div`,{className:n(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[i(`div`,{className:`flex flex-col items-center gap-2`,children:[r(t,{className:n(`size-16 sm:size-24 text-primary`,u)}),r(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`404`})]}),r(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),r(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),r(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as NotFound,o as default};
 //# sourceMappingURL=NotFound.js.map

package/dist/paragraph-DK9X31Fr.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`class-variance-authority`);const i=(0,r.cva)(``,{variants:{variant:{p:`leading-7 [&:not(:first-child)]:mt-6`,sm:`text-sm leading-none font-normal`,lg:`text-lg font-semibold`,lead:`text-text-positive-strong text-xl`,muted:`text-text-positive-muted text-sm`},default:{variant:`sm`}}}),a=({variant:e=`p`,className:r,children:a})=>(0,n.jsx)(`p`,{className:(0,t.cn)(`text-text-positive`,i({variant:e}),r),children:a});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=paragraph-DK9X31Fr.cjs.map

package/dist/paragraph-DK9X31Fr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph-DK9X31Fr.cjs","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva } from 'class-variance-authority';\n\ntype Props = {\n  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg';\n  className?: string;\n  children?: React.ReactNode;\n};\n\nconst paragraphVariants = cva('', {\n  variants: {\n    variant: {\n      p: 'leading-7 [&:not(:first-child)]:mt-6',\n      sm: 'text-sm leading-none font-normal',\n      lg: 'text-lg font-semibold',\n      lead: 'text-text-positive-strong text-xl',\n      muted: 'text-text-positive-muted text-sm',\n    },\n    default: {\n      variant: 'sm',\n    },\n  },\n});\n\nexport const Paragraph = ({ variant = 'p', className, children }: Props) => {\n  return <p className={cn('text-text-positive', paragraphVariants({ variant }), className)}>{children}</p>;\n};\n"],"mappings":"6JAWA,MAAM,GAAA,EAAA,EAAA,KAAwB,GAAI,CAChC,SAAU,CACR,QAAS,CACP,EAAG,uCACH,GAAI,mCACJ,GAAI,wBACJ,KAAM,oCACN,MAAO,mCACR,CACD,QAAS,CACP,QAAS,KACV,CACF,CACF,CAAC,CAEW,GAAa,CAAE,UAAU,IAAK,YAAW,eAC7C,EAAA,EAAA,KAAC,IAAA,CAAE,WAAA,EAAA,EAAA,IAAc,qBAAsB,EAAkB,CAAE,UAAS,CAAC,CAAE,EAAU,CAAG,YAAa"}

package/dist/paragraph-eZ-12KwF.js

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(``,{variants:{variant:{p:`leading-7 [&:not(:first-child)]:mt-6`,sm:`text-sm leading-none font-normal`,lg:`text-lg font-semibold`,lead:`text-text-positive-strong text-xl`,muted:`text-text-positive-muted text-sm`},default:{variant:`sm`}}}),i=({variant:n=`p`,className:i,children:a})=>t(`p`,{className:e(`text-text-positive`,r({variant:n}),i),children:a});export{i as t};
+//# sourceMappingURL=paragraph-eZ-12KwF.js.map

package/dist/paragraph-eZ-12KwF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph-eZ-12KwF.js","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva } from 'class-variance-authority';\n\ntype Props = {\n  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg';\n  className?: string;\n  children?: React.ReactNode;\n};\n\nconst paragraphVariants = cva('', {\n  variants: {\n    variant: {\n      p: 'leading-7 [&:not(:first-child)]:mt-6',\n      sm: 'text-sm leading-none font-normal',\n      lg: 'text-lg font-semibold',\n      lead: 'text-text-positive-strong text-xl',\n      muted: 'text-text-positive-muted text-sm',\n    },\n    default: {\n      variant: 'sm',\n    },\n  },\n});\n\nexport const Paragraph = ({ variant = 'p', className, children }: Props) => {\n  return <p className={cn('text-text-positive', paragraphVariants({ variant }), className)}>{children}</p>;\n};\n"],"mappings":"2IAWA,MAAM,EAAoB,EAAI,GAAI,CAChC,SAAU,CACR,QAAS,CACP,EAAG,uCACH,GAAI,mCACJ,GAAI,wBACJ,KAAM,oCACN,MAAO,mCACR,CACD,QAAS,CACP,QAAS,KACV,CACF,CACF,CAAC,CAEW,GAAa,CAAE,UAAU,IAAK,YAAW,cAC7C,EAAC,IAAA,CAAE,UAAW,EAAG,qBAAsB,EAAkB,CAAE,UAAS,CAAC,CAAE,EAAU,CAAG,YAAa"}

package/dist/popover-Bn3M2SCp.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({...e}){return(0,n.jsx)(r.Popover.Root,{"data-slot":`popover`,...e})}function a({...e}){return(0,n.jsx)(r.Popover.Trigger,{"data-slot":`popover-trigger`,...e})}function o({className:e,align:i=`start`,sideOffset:a=4,...o}){return(0,n.jsx)(r.Popover.Portal,{children:(0,n.jsx)(r.Popover.Content,{"data-slot":`popover-content`,align:i,sideOffset:a,className:(0,t.cn)(`bg-popover`,`text-text-positive`,`z-50 w-72`,`origin-(--radix-popover-content-transform-origin)`,`rounded-md p-4 shadow-dropdown outline-none`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,e),...o})})}function s({...e}){return(0,n.jsx)(r.Popover.Anchor,{"data-slot":`popover-anchor`,...e})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=popover-Bn3M2SCp.cjs.map

package/dist/popover-Bn3M2SCp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-Bn3M2SCp.cjs","names":["PopoverPrimitive"],"sources":["../packages/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Popover as PopoverPrimitive } from 'radix-ui';\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({ className, align = 'start', sideOffset = 4, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover',\n          'text-text-positive',\n          'z-50 w-72',\n          'origin-(--radix-popover-content-transform-origin)',\n          'rounded-md p-4 shadow-dropdown outline-none',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };\n"],"mappings":"6IAMA,SAAS,EAAQ,CAAE,GAAG,GAA6D,CACjF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,GAAS,CAGjE,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,GAAS,CAG5E,SAAS,EAAe,CAAE,YAAW,QAAQ,QAAS,aAAa,EAAG,GAAG,GAAgE,CACvI,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,OAAA,CAAA,UAChB,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAChB,YAAU,kBACH,QACK,aACZ,WAAA,EAAA,EAAA,IACE,aACA,qBACA,YACA,oDACA,8CACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,EACD,CACD,GAAI,GACJ,CAAA,CACsB,CAI9B,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,OAAA,CAAO,YAAU,iBAAiB,GAAI,GAAS"}

package/dist/popover-Bx80nsDv.js

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Popover as n}from"radix-ui";function r({...e}){return t(n.Root,{"data-slot":`popover`,...e})}function i({...e}){return t(n.Trigger,{"data-slot":`popover-trigger`,...e})}function a({className:r,align:i=`start`,sideOffset:a=4,...o}){return t(n.Portal,{children:t(n.Content,{"data-slot":`popover-content`,align:i,sideOffset:a,className:e(`bg-popover`,`text-text-positive`,`z-50 w-72`,`origin-(--radix-popover-content-transform-origin)`,`rounded-md p-4 shadow-dropdown outline-none`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,r),...o})})}function o({...e}){return t(n.Anchor,{"data-slot":`popover-anchor`,...e})}export{i,o as n,a as r,r as t};
+//# sourceMappingURL=popover-Bx80nsDv.js.map

package/dist/popover-Bx80nsDv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-Bx80nsDv.js","names":["Popover","PopoverPrimitive"],"sources":["../packages/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Popover as PopoverPrimitive } from 'radix-ui';\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({ className, align = 'start', sideOffset = 4, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover',\n          'text-text-positive',\n          'z-50 w-72',\n          'origin-(--radix-popover-content-transform-origin)',\n          'rounded-md p-4 shadow-dropdown outline-none',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };\n"],"mappings":"+HAMA,SAASA,EAAQ,CAAE,GAAG,GAA6D,CACjF,OAAO,EAACC,EAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,GAAS,CAGjE,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAACA,EAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,GAAS,CAG5E,SAAS,EAAe,CAAE,YAAW,QAAQ,QAAS,aAAa,EAAG,GAAG,GAAgE,CACvI,OACE,EAACA,EAAiB,OAAA,CAAA,SAChB,EAACA,EAAiB,QAAA,CAChB,YAAU,kBACH,QACK,aACZ,UAAW,EACT,aACA,qBACA,YACA,oDACA,8CACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,EACD,CACD,GAAI,GACJ,CAAA,CACsB,CAI9B,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAACA,EAAiB,OAAA,CAAO,YAAU,iBAAiB,GAAI,GAAS"}

package/dist/products/add-cart-button-Bwrc_fze.d.cts

@@ -0,0 +1,48 @@
+//#region packages/components/products/add-cart-button.d.ts
+type AddCartButtonProps = {
+  /**
+   * Product ID to check against cart and add to cart
+   */
+  productId: string;
+  /**
+   * Variant ID to check against cart and add to cart
+   */
+  variantId?: string;
+  /**
+   * Optional className for styling
+   */
+  className?: string;
+  /**
+   * Whether to show text alongside icon
+   * @default true
+   */
+  showText?: boolean;
+  /**
+   * Size of the button
+   * @default 'default'
+   */
+  size?: 'sm' | 'default' | 'lg' | 'icon';
+  /**
+   * Variant of the button
+   * @default 'default'
+   */
+  variant?: 'default' | 'outline' | 'ghost';
+  /**
+   * Initial quantity to add to cart
+   * @default 1
+   */
+  quantity?: number;
+  /**
+   * Flag to indicate if the product is already in the cart
+   * @default false
+   */
+  isInCart?: boolean;
+  /**
+   * Callback function when adding to cart
+   */
+  onAddToCart?: (productId: string, variantId?: string) => void | Promise<void>;
+};
+declare const AddCartButton: React.FC<AddCartButtonProps>;
+//#endregion
+export { AddCartButton };
+//# sourceMappingURL=add-cart-button-Bwrc_fze.d.cts.map

package/dist/products/add-cart-button-DLWyva1x.d.ts

@@ -0,0 +1,48 @@
+//#region packages/components/products/add-cart-button.d.ts
+type AddCartButtonProps = {
+  /**
+   * Product ID to check against cart and add to cart
+   */
+  productId: string;
+  /**
+   * Variant ID to check against cart and add to cart
+   */
+  variantId?: string;
+  /**
+   * Optional className for styling
+   */
+  className?: string;
+  /**
+   * Whether to show text alongside icon
+   * @default true
+   */
+  showText?: boolean;
+  /**
+   * Size of the button
+   * @default 'default'
+   */
+  size?: 'sm' | 'default' | 'lg' | 'icon';
+  /**
+   * Variant of the button
+   * @default 'default'
+   */
+  variant?: 'default' | 'outline' | 'ghost';
+  /**
+   * Initial quantity to add to cart
+   * @default 1
+   */
+  quantity?: number;
+  /**
+   * Flag to indicate if the product is already in the cart
+   * @default false
+   */
+  isInCart?: boolean;
+  /**
+   * Callback function when adding to cart
+   */
+  onAddToCart?: (productId: string, variantId?: string) => void | Promise<void>;
+};
+declare const AddCartButton: React.FC<AddCartButtonProps>;
+//#endregion
+export { AddCartButton };
+//# sourceMappingURL=add-cart-button-DLWyva1x.d.ts.map

package/dist/products/add-cart-button.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-DjWAcSYV.cjs`);let t=require(`lucide-react`);t=e.t(t);let n=require(`@customafk/react-toolkit/utils`);n=e.t(n);let r=require(`react`);r=e.t(r);let i=require(`react/jsx-runtime`);i=e.t(i);const a=({productId:e,variantId:a,className:o,showText:s=!0,size:c=`default`,isInCart:l=!1,onAddToCart:u})=>{let[d,f]=(0,r.useState)(!1),p=(0,r.useCallback)(async()=>{if(!d)try{f(!0),u&&await u(e,a)}catch(e){console.error(`Error adding to cart:`,e)}finally{f(!1)}},[e,a,u,d]);return(0,i.jsx)(`button`,{className:(0,n.cn)(`transition-all cursor-pointer`,`bg-linear-to-b from-primary to-primary-strong`,`py-2 px-2.5 rounded-md -outline-offset-1 outline-3 outline-primary-weak`,`shadow-lg`,`flex space-x-1.5 items-center`,`text-sm text-text-negative-intense font-medium`,`focus:ring-4 focus:ring-primary-weak`,l?`bg-success hover:bg-success/90`:``,o),disabled:d,onClick:p,children:l?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.CheckIcon,{size:16}),s&&(0,i.jsx)(`span`,{children:c===`icon`?``:`Đã thêm vào giỏ`})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.ShoppingBagIcon,{size:16,strokeWidth:3}),s&&(0,i.jsx)(`span`,{children:c===`icon`?``:`Thêm vào giỏ`})]})})};exports.AddCartButton=a;
+const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({productId:e,variantId:a,className:o,showText:s=!0,size:c=`default`,isInCart:l=!1,onAddToCart:u})=>{let[d,f]=(0,n.useState)(!1),p=(0,n.useCallback)(async()=>{if(!d)try{f(!0),u&&await u(e,a)}catch(e){console.error(`Error adding to cart:`,e)}finally{f(!1)}},[e,a,u,d]);return(0,i.jsx)(`button`,{className:(0,r.cn)(`transition-all cursor-pointer`,`bg-linear-to-b from-primary to-primary-strong`,`py-2 px-2.5 rounded-md -outline-offset-1 outline-3 outline-primary-weak`,`shadow-lg`,`flex space-x-1.5 items-center`,`text-sm text-text-negative-intense font-medium`,`focus:ring-4 focus:ring-primary-weak`,l?`bg-success hover:bg-success/90`:``,o),disabled:d,onClick:p,children:l?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.CheckIcon,{size:16}),s&&(0,i.jsx)(`span`,{children:c===`icon`?``:`Đã thêm vào giỏ`})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.ShoppingBagIcon,{size:16,strokeWidth:3}),s&&(0,i.jsx)(`span`,{children:c===`icon`?``:`Thêm vào giỏ`})]})})};exports.AddCartButton=a;
 //# sourceMappingURL=add-cart-button.cjs.map

package/dist/products/add-cart-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"add-cart-button.cjs","names":["AddCartButton: React.FC<AddCartButtonProps>","CheckIcon","ShoppingBagIcon"],"sources":["../../packages/components/products/add-cart-button.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { CheckIcon, ShoppingBagIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\ntype AddCartButtonProps = {\n  /**\n   * Product ID to check against cart and add to cart\n   */\n  productId: string;\n  /**\n   * Variant ID to check against cart and add to cart\n   */\n  variantId?: string;\n  /**\n   * Optional className for styling\n   */\n  className?: string;\n  /**\n   * Whether to show text alongside icon\n   * @default true\n   */\n  showText?: boolean;\n  /**\n   * Size of the button\n   * @default 'default'\n   */\n  size?: 'sm' | 'default' | 'lg' | 'icon';\n  /**\n   * Variant of the button\n   * @default 'default'\n   */\n  variant?: 'default' | 'outline' | 'ghost';\n  /**\n   * Initial quantity to add to cart\n   * @default 1\n   */\n  quantity?: number;\n  /**\n   * Flag to indicate if the product is already in the cart\n   * @default false\n   */\n  isInCart?: boolean;\n  /**\n   * Callback function when adding to cart\n   */\n  onAddToCart?: (productId: string, variantId?: string) => void | Promise<void>;\n};\n\nexport const AddCartButton: React.FC<AddCartButtonProps> = ({\n  productId,\n  variantId,\n  className,\n  showText = true,\n  size = 'default',\n  isInCart = false,\n  onAddToCart,\n}) => {\n  const [isAdding, setIsAdding] = useState(false);\n\n  const handleAddToCart = useCallback(async () => {\n    if (isAdding) return;\n\n    try {\n      setIsAdding(true);\n\n      // Use onAddToCart callback with the productId and variantId\n      if (onAddToCart) {\n        await onAddToCart(productId, variantId);\n      }\n    } catch (error) {\n      console.error('Error adding to cart:', error);\n    } finally {\n      setIsAdding(false);\n    }\n  }, [productId, variantId, onAddToCart, isAdding]);\n\n  return (\n    <button\n      className={cn(\n        'transition-all cursor-pointer',\n        'bg-linear-to-b from-primary to-primary-strong',\n        'py-2 px-2.5 rounded-md -outline-offset-1 outline-3 outline-primary-weak',\n        'shadow-lg',\n        'flex space-x-1.5 items-center',\n        'text-sm text-text-negative-intense font-medium',\n        'focus:ring-4 focus:ring-primary-weak',\n        isInCart ? 'bg-success hover:bg-success/90' : '',\n        className\n      )}\n      disabled={isAdding}\n      onClick={handleAddToCart}\n    >\n      {isInCart ? (\n        <>\n          <CheckIcon size={16} />\n          {showText && <span>{size === 'icon' ? '' : 'Đã thêm vào giỏ'}</span>}\n        </>\n      ) : (\n        <>\n          <ShoppingBagIcon size={16} strokeWidth={3} />\n          {showText && <span>{size === 'icon' ? '' : 'Thêm vào giỏ'}</span>}\n        </>\n      )}\n    </button>\n  );\n};\n"],"mappings":"qNAkDA,MAAaA,GAA+C,CAC1D,YACA,YACA,YACA,WAAW,GACX,OAAO,UACP,WAAW,GACX,iBACI,CACJ,GAAM,CAAC,EAAU,IAAA,EAAA,EAAA,UAAwB,GAAM,CAEzC,GAAA,EAAA,EAAA,aAA8B,SAAY,CAC1C,MAEJ,GAAI,CACF,EAAY,GAAK,CAGb,GACF,MAAM,EAAY,EAAW,EAAU,OAElC,EAAO,CACd,QAAQ,MAAM,wBAAyB,EAAM,QACrC,CACR,EAAY,GAAM,GAEnB,CAAC,EAAW,EAAW,EAAa,EAAS,CAAC,CAEjD,OACE,EAAA,EAAA,KAAC,SAAA,CACC,WAAA,EAAA,EAAA,IACE,gCACA,gDACA,0EACA,YACA,gCACA,iDACA,uCACA,EAAW,iCAAmC,GAC9C,EACD,CACD,SAAU,EACV,QAAS,WAER,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,KAAM,GAAA,CAAM,CACtB,IAAY,EAAA,EAAA,KAAC,OAAA,CAAA,SAAM,IAAS,OAAS,GAAK,kBAAA,CAAyB,CAAA,CAAA,CACnE,EAEH,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,YAAa,GAAK,CAC5C,IAAY,EAAA,EAAA,KAAC,OAAA,CAAA,SAAM,IAAS,OAAS,GAAK,eAAA,CAAsB,CAAA,CAAA,CAChE,EAEE"}
+{"version":3,"file":"add-cart-button.cjs","names":["AddCartButton: React.FC<AddCartButtonProps>","CheckIcon","ShoppingBagIcon"],"sources":["../../packages/components/products/add-cart-button.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { CheckIcon, ShoppingBagIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\ntype AddCartButtonProps = {\n  /**\n   * Product ID to check against cart and add to cart\n   */\n  productId: string;\n  /**\n   * Variant ID to check against cart and add to cart\n   */\n  variantId?: string;\n  /**\n   * Optional className for styling\n   */\n  className?: string;\n  /**\n   * Whether to show text alongside icon\n   * @default true\n   */\n  showText?: boolean;\n  /**\n   * Size of the button\n   * @default 'default'\n   */\n  size?: 'sm' | 'default' | 'lg' | 'icon';\n  /**\n   * Variant of the button\n   * @default 'default'\n   */\n  variant?: 'default' | 'outline' | 'ghost';\n  /**\n   * Initial quantity to add to cart\n   * @default 1\n   */\n  quantity?: number;\n  /**\n   * Flag to indicate if the product is already in the cart\n   * @default false\n   */\n  isInCart?: boolean;\n  /**\n   * Callback function when adding to cart\n   */\n  onAddToCart?: (productId: string, variantId?: string) => void | Promise<void>;\n};\n\nexport const AddCartButton: React.FC<AddCartButtonProps> = ({\n  productId,\n  variantId,\n  className,\n  showText = true,\n  size = 'default',\n  isInCart = false,\n  onAddToCart,\n}) => {\n  const [isAdding, setIsAdding] = useState(false);\n\n  const handleAddToCart = useCallback(async () => {\n    if (isAdding) return;\n\n    try {\n      setIsAdding(true);\n\n      // Use onAddToCart callback with the productId and variantId\n      if (onAddToCart) {\n        await onAddToCart(productId, variantId);\n      }\n    } catch (error) {\n      console.error('Error adding to cart:', error);\n    } finally {\n      setIsAdding(false);\n    }\n  }, [productId, variantId, onAddToCart, isAdding]);\n\n  return (\n    <button\n      className={cn(\n        'transition-all cursor-pointer',\n        'bg-linear-to-b from-primary to-primary-strong',\n        'py-2 px-2.5 rounded-md -outline-offset-1 outline-3 outline-primary-weak',\n        'shadow-lg',\n        'flex space-x-1.5 items-center',\n        'text-sm text-text-negative-intense font-medium',\n        'focus:ring-4 focus:ring-primary-weak',\n        isInCart ? 'bg-success hover:bg-success/90' : '',\n        className\n      )}\n      disabled={isAdding}\n      onClick={handleAddToCart}\n    >\n      {isInCart ? (\n        <>\n          <CheckIcon size={16} />\n          {showText && <span>{size === 'icon' ? '' : 'Đã thêm vào giỏ'}</span>}\n        </>\n      ) : (\n        <>\n          <ShoppingBagIcon size={16} strokeWidth={3} />\n          {showText && <span>{size === 'icon' ? '' : 'Thêm vào giỏ'}</span>}\n        </>\n      )}\n    </button>\n  );\n};\n"],"mappings":"qKAkDA,MAAaA,GAA+C,CAC1D,YACA,YACA,YACA,WAAW,GACX,OAAO,UACP,WAAW,GACX,iBACI,CACJ,GAAM,CAAC,EAAU,IAAA,EAAA,EAAA,UAAwB,GAAM,CAEzC,GAAA,EAAA,EAAA,aAA8B,SAAY,CAC1C,MAEJ,GAAI,CACF,EAAY,GAAK,CAGb,GACF,MAAM,EAAY,EAAW,EAAU,OAElC,EAAO,CACd,QAAQ,MAAM,wBAAyB,EAAM,QACrC,CACR,EAAY,GAAM,GAEnB,CAAC,EAAW,EAAW,EAAa,EAAS,CAAC,CAEjD,OACE,EAAA,EAAA,KAAC,SAAA,CACC,WAAA,EAAA,EAAA,IACE,gCACA,gDACA,0EACA,YACA,gCACA,iDACA,uCACA,EAAW,iCAAmC,GAC9C,EACD,CACD,SAAU,EACV,QAAS,WAER,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,KAAM,GAAA,CAAM,CACtB,IAAY,EAAA,EAAA,KAAC,OAAA,CAAA,SAAM,IAAS,OAAS,GAAK,kBAAA,CAAyB,CAAA,CAAA,CACnE,EAEH,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,YAAa,GAAK,CAC5C,IAAY,EAAA,EAAA,KAAC,OAAA,CAAA,SAAM,IAAS,OAAS,GAAK,eAAA,CAAsB,CAAA,CAAA,CAChE,EAEE"}

package/dist/products/add-cart-button.js

@@ -1,2 +1,2 @@
-import{CheckIcon as e,ShoppingBagIcon as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{useCallback as r,useState as i}from"react";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";const c=({productId:c,variantId:l,className:u,showText:d=!0,size:f=`default`,isInCart:p=!1,onAddToCart:m})=>{let[h,g]=i(!1),_=r(async()=>{if(!h)try{g(!0),m&&await m(c,l)}catch(e){console.error(`Error adding to cart:`,e)}finally{g(!1)}},[c,l,m,h]);return o(`button`,{className:n(`transition-all cursor-pointer`,`bg-linear-to-b from-primary to-primary-strong`,`py-2 px-2.5 rounded-md -outline-offset-1 outline-3 outline-primary-weak`,`shadow-lg`,`flex space-x-1.5 items-center`,`text-sm text-text-negative-intense font-medium`,`focus:ring-4 focus:ring-primary-weak`,p?`bg-success hover:bg-success/90`:``,u),disabled:h,onClick:_,children:p?s(a,{children:[o(e,{size:16}),d&&o(`span`,{children:f===`icon`?``:`Đã thêm vào giỏ`})]}):s(a,{children:[o(t,{size:16,strokeWidth:3}),d&&o(`span`,{children:f===`icon`?``:`Thêm vào giỏ`})]})})};export{c as AddCartButton};
+import{CheckIcon as e,ShoppingBagIcon as t}from"lucide-react";import{useCallback as n,useState as r}from"react";import{cn as i}from"@customafk/react-toolkit/utils";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";const c=({productId:c,variantId:l,className:u,showText:d=!0,size:f=`default`,isInCart:p=!1,onAddToCart:m})=>{let[h,g]=r(!1),_=n(async()=>{if(!h)try{g(!0),m&&await m(c,l)}catch(e){console.error(`Error adding to cart:`,e)}finally{g(!1)}},[c,l,m,h]);return o(`button`,{className:i(`transition-all cursor-pointer`,`bg-linear-to-b from-primary to-primary-strong`,`py-2 px-2.5 rounded-md -outline-offset-1 outline-3 outline-primary-weak`,`shadow-lg`,`flex space-x-1.5 items-center`,`text-sm text-text-negative-intense font-medium`,`focus:ring-4 focus:ring-primary-weak`,p?`bg-success hover:bg-success/90`:``,u),disabled:h,onClick:_,children:p?s(a,{children:[o(e,{size:16}),d&&o(`span`,{children:f===`icon`?``:`Đã thêm vào giỏ`})]}):s(a,{children:[o(t,{size:16,strokeWidth:3}),d&&o(`span`,{children:f===`icon`?``:`Thêm vào giỏ`})]})})};export{c as AddCartButton};
 //# sourceMappingURL=add-cart-button.js.map

package/dist/products/product-loading-page-Ctt1379M.d.cts

@@ -0,0 +1,9 @@
+//#region packages/components/products/product-loading-page.d.ts
+interface ProductLoadingPageProps {
+  className?: string;
+  hideGallery?: boolean;
+}
+declare const ProductLoadingPage: React.FC<ProductLoadingPageProps>;
+//#endregion
+export { ProductLoadingPage, ProductLoadingPageProps };
+//# sourceMappingURL=product-loading-page-Ctt1379M.d.cts.map

package/dist/products/product-loading-page-LDF6Lha5.d.ts

@@ -0,0 +1,9 @@
+//#region packages/components/products/product-loading-page.d.ts
+interface ProductLoadingPageProps {
+  className?: string;
+  hideGallery?: boolean;
+}
+declare const ProductLoadingPage: React.FC<ProductLoadingPageProps>;
+//#endregion
+export { ProductLoadingPage, ProductLoadingPageProps };
+//# sourceMappingURL=product-loading-page-LDF6Lha5.d.ts.map