@customafk/lunas-ui 0.1.3 → 0.1.5

package/dist/number-input-DcqwSq0c.js

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":"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"}

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

@@ -1,25 +0,0 @@
-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-Ypr7ouwO.d.ts.map

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

@@ -1,25 +0,0 @@
-import * as react_jsx_runtime4 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_runtime4.JSX.Element;
-//#endregion
-export { FeatureDeveloping, FeatureDeveloping as default, FeatureDevelopingProps };
-//# sourceMappingURL=FeatureDeveloping-pbBdEeL3.d.cts.map

package/dist/pages/FeatureDeveloping.js

@@ -1,2 +0,0 @@
-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/FeatureDeveloping.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeatureDeveloping.js","names":[],"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":"+PAkBA,MAAa,GAAqB,CAChC,QAAQ,4BACR,WAAW,kEACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,mBAGE,EAAC,MAAA,CAAI,UAAW,EAAG,8GAA+G,EAAU,WAC1I,EAAC,MAAA,CAAI,UAAU,6CACb,EAAC,EAAA,CAAa,UAAW,EAAG,qCAAsC,EAAc,CAAA,CAAI,CACpF,EAAC,MAAA,CAAI,UAAU,iDAAA,CAA4G,CAAA,EACvH,CAEN,EAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,CAEnE,EAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,CAEjF,EAAC,EAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

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

@@ -1,25 +0,0 @@
-import * as react_jsx_runtime15 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_runtime15.JSX.Element;
-//#endregion
-export { FeatureFixing, FeatureFixing as default, FeatureFixingProps };
-//# sourceMappingURL=FeatureFixing-BJKGxrlO.d.ts.map

package/dist/pages/FeatureFixing-DPaDYyTs.d.cts

@@ -1,25 +0,0 @@
-import * as react_jsx_runtime33 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_runtime33.JSX.Element;
-//#endregion
-export { FeatureFixing, FeatureFixing as default, FeatureFixingProps };
-//# sourceMappingURL=FeatureFixing-DPaDYyTs.d.cts.map

package/dist/pages/FeatureFixing.js

@@ -1,2 +0,0 @@
-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/FeatureFixing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeatureFixing.js","names":[],"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":"yPAgBA,MAAa,GAAiB,CAC5B,QAAQ,yBACR,WAAW,4EACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,mBAGE,EAAC,MAAA,CAAI,UAAW,EAAG,8GAA+G,EAAU,WAC1I,EAAC,MAAA,CAAI,UAAU,6CACb,EAAC,EAAA,CAAO,UAAW,EAAG,qCAAsC,EAAc,CAAA,CAAI,CAC9E,EAAC,MAAA,CAAI,UAAU,iDAAA,CAA6G,CAAA,EACxH,CAEN,EAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,CAEnE,EAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,CAEjF,EAAC,EAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

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

@@ -1,25 +0,0 @@
-import * as react_jsx_runtime3 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_runtime3.JSX.Element;
-//#endregion
-export { NotAuthorized, NotAuthorized as default, NotAuthorizedProps };
-//# sourceMappingURL=NotAuthorized-BI4BpodX.d.cts.map

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

@@ -1,25 +0,0 @@
-import * as react_jsx_runtime14 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_runtime14.JSX.Element;
-//#endregion
-export { NotAuthorized, NotAuthorized as default, NotAuthorizedProps };
-//# sourceMappingURL=NotAuthorized-wsq_Eodz.d.ts.map

package/dist/pages/NotAuthorized.js

@@ -1,2 +0,0 @@
-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/NotAuthorized.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotAuthorized.js","names":[],"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":"8PAgBA,MAAa,GAAiB,CAC5B,QAAQ,4BACR,WAAW,sDACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,mBAGE,EAAC,MAAA,CAAI,UAAW,EAAG,8GAA+G,EAAU,WAC1I,EAAC,MAAA,CAAI,UAAU,6CACb,EAAC,EAAA,CAAY,UAAW,EAAG,kCAAmC,EAAc,CAAA,CAAI,CAChF,EAAC,MAAA,CAAI,UAAU,uDAA8C,OAAS,CAAA,EAClE,CAEN,EAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,CAEnE,EAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,CAEjF,EAAC,EAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

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

@@ -1,25 +0,0 @@
-import * as react_jsx_runtime6 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_runtime6.JSX.Element;
-//#endregion
-export { NotFound, NotFound as default, NotFoundProps };
-//# sourceMappingURL=NotFound-BHv7Rg6g.d.cts.map

package/dist/pages/NotFound-CqXR-NFU.d.ts

@@ -1,25 +0,0 @@
-import * as react_jsx_runtime17 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_runtime17.JSX.Element;
-//#endregion
-export { NotFound, NotFound as default, NotFoundProps };
-//# sourceMappingURL=NotFound-CqXR-NFU.d.ts.map

package/dist/pages/NotFound.js

@@ -1,2 +0,0 @@
-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/pages/NotFound.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotFound.js","names":[],"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":"+PAgBA,MAAa,GAAY,CACvB,QAAQ,uBACR,WAAW,uEACX,aAAa,mBACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,mBAGE,EAAC,MAAA,CAAI,UAAW,EAAG,8GAA+G,EAAU,WAC1I,EAAC,MAAA,CAAI,UAAU,6CACb,EAAC,EAAA,CAAa,UAAW,EAAG,kCAAmC,EAAc,CAAA,CAAI,CACjF,EAAC,MAAA,CAAI,UAAU,uDAA8C,OAAS,CAAA,EAClE,CAEN,EAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,CAEnE,EAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,CAEjF,EAAC,EAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,48 +0,0 @@
-//#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

@@ -1,48 +0,0 @@
-//#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.js

@@ -1,2 +0,0 @@
-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/add-cart-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-cart-button.js","names":["AddCartButton: React.FC<AddCartButtonProps>"],"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":"oOAkDA,MAAaA,GAA+C,CAC1D,YACA,YACA,YACA,WAAW,GACX,OAAO,UACP,WAAW,GACX,iBACI,CACJ,GAAM,CAAC,EAAU,GAAe,EAAS,GAAM,CAEzC,EAAkB,EAAY,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,EAAC,SAAA,CACC,UAAW,EACT,gCACA,gDACA,0EACA,YACA,gCACA,iDACA,uCACA,EAAW,iCAAmC,GAC9C,EACD,CACD,SAAU,EACV,QAAS,WAER,EACC,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAU,KAAM,GAAA,CAAM,CACtB,GAAY,EAAC,OAAA,CAAA,SAAM,IAAS,OAAS,GAAK,kBAAA,CAAyB,CAAA,CAAA,CACnE,CAEH,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAgB,KAAM,GAAI,YAAa,GAAK,CAC5C,GAAY,EAAC,OAAA,CAAA,SAAM,IAAS,OAAS,GAAK,eAAA,CAAsB,CAAA,CAAA,CAChE,EAEE"}

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

@@ -1,9 +0,0 @@
-//#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

@@ -1,9 +0,0 @@
-//#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

package/dist/products/product-loading-page.js

@@ -1,2 +0,0 @@
-"use client";import{t as e}from"../skeleton-CDtN_I2p.js";import{t}from"../flex-R1TY6P_u.js";import{i as n,n as r,r as i,t as a}from"../tabs-Bf5HmaR0.js";import{cn as o}from"@customafk/react-toolkit/utils";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({className:l,hideGallery:u=!1})=>c(`div`,{className:o(`flex w-full flex-col lg:flex-row gap-8 animate-in fade-in duration-300`,l),children:[!u&&c(`div`,{className:`w-full lg:w-1/2 flex flex-col gap-4`,children:[s(e,{className:`aspect-square w-full rounded-lg`}),s(`div`,{className:`flex gap-2 overflow-x-auto pb-1`,children:[...[,,,,]].map((t,n)=>s(e,{className:`aspect-square w-20 h-20 flex-shrink-0 rounded-md`},n))})]}),c(`div`,{className:o(`flex-1 flex flex-col gap-6`,u?`w-full`:`w-full lg:w-1/2`),children:[c(`div`,{className:`space-y-4`,children:[s(e,{className:`h-8 w-3/4`}),s(e,{className:`h-6 w-1/4`}),s(e,{className:`h-5 w-full`}),s(e,{className:`h-5 w-full`}),s(e,{className:`h-5 w-3/4`})]}),c(`div`,{className:`flex flex-col gap-2 mt-2`,children:[s(e,{className:`h-8 w-1/3`}),c(`div`,{className:`flex gap-2 items-center`,children:[s(e,{className:`h-6 w-24`}),s(e,{className:`h-6 w-32`})]})]}),c(t,{gap:`md`,className:`mt-2`,children:[s(e,{className:`h-10 w-32 rounded-full`}),s(e,{className:`h-10 w-32 rounded-full`})]}),s(`div`,{className:`mt-6`,children:c(a,{defaultValue:`details`,children:[c(i,{className:`mb-4`,children:[s(n,{value:`details`,disabled:!0,children:s(e,{className:`h-4 w-20`})}),s(n,{value:`specs`,disabled:!0,children:s(e,{className:`h-4 w-24`})}),s(n,{value:`reviews`,disabled:!0,children:s(e,{className:`h-4 w-20`})})]}),s(r,{value:`details`,children:c(`div`,{className:`space-y-4`,children:[s(e,{className:`h-5 w-full`}),s(e,{className:`h-5 w-full`}),s(e,{className:`h-5 w-4/5`}),s(e,{className:`h-5 w-11/12`})]})})]})})]})]});export{l as ProductLoadingPage};
-//# sourceMappingURL=product-loading-page.js.map

package/dist/products/product-loading-page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"product-loading-page.js","names":["ProductLoadingPage: React.FC<ProductLoadingPageProps>"],"sources":["../../packages/components/products/product-loading-page.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Flex } from '@/components/layouts/flex';\nimport { Skeleton } from '@/components/ui/skeleton';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';\n\nexport interface ProductLoadingPageProps {\n  className?: string;\n  hideGallery?: boolean;\n}\n\nexport const ProductLoadingPage: React.FC<ProductLoadingPageProps> = ({ className, hideGallery = false }) => {\n  return (\n    <div className={cn('flex w-full flex-col lg:flex-row gap-8 animate-in fade-in duration-300', className)}>\n      {/* Gallery Skeleton */}\n      {!hideGallery && (\n        <div className=\"w-full lg:w-1/2 flex flex-col gap-4\">\n          <Skeleton className=\"aspect-square w-full rounded-lg\" />\n          <div className=\"flex gap-2 overflow-x-auto pb-1\">\n            {[...Array(4)].map((_, i) => (\n              <Skeleton key={i} className=\"aspect-square w-20 h-20 flex-shrink-0 rounded-md\" />\n            ))}\n          </div>\n        </div>\n      )}\n\n      {/* Product Info Skeleton */}\n      <div className={cn('flex-1 flex flex-col gap-6', hideGallery ? 'w-full' : 'w-full lg:w-1/2')}>\n        {/* Basic Info */}\n        <div className=\"space-y-4\">\n          <Skeleton className=\"h-8 w-3/4\" />\n          <Skeleton className=\"h-6 w-1/4\" />\n          <Skeleton className=\"h-5 w-full\" />\n          <Skeleton className=\"h-5 w-full\" />\n          <Skeleton className=\"h-5 w-3/4\" />\n        </div>\n\n        {/* Price and Stock */}\n        <div className=\"flex flex-col gap-2 mt-2\">\n          <Skeleton className=\"h-8 w-1/3\" />\n          <div className=\"flex gap-2 items-center\">\n            <Skeleton className=\"h-6 w-24\" />\n            <Skeleton className=\"h-6 w-32\" />\n          </div>\n        </div>\n\n        {/* Actions */}\n        <Flex gap=\"md\" className=\"mt-2\">\n          <Skeleton className=\"h-10 w-32 rounded-full\" />\n          <Skeleton className=\"h-10 w-32 rounded-full\" />\n        </Flex>\n\n        {/* Tabs */}\n        <div className=\"mt-6\">\n          <Tabs defaultValue=\"details\">\n            <TabsList className=\"mb-4\">\n              <TabsTrigger value=\"details\" disabled>\n                <Skeleton className=\"h-4 w-20\" />\n              </TabsTrigger>\n              <TabsTrigger value=\"specs\" disabled>\n                <Skeleton className=\"h-4 w-24\" />\n              </TabsTrigger>\n              <TabsTrigger value=\"reviews\" disabled>\n                <Skeleton className=\"h-4 w-20\" />\n              </TabsTrigger>\n            </TabsList>\n            <TabsContent value=\"details\">\n              <div className=\"space-y-4\">\n                <Skeleton className=\"h-5 w-full\" />\n                <Skeleton className=\"h-5 w-full\" />\n                <Skeleton className=\"h-5 w-4/5\" />\n                <Skeleton className=\"h-5 w-11/12\" />\n              </div>\n            </TabsContent>\n          </Tabs>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"+PAYA,MAAaA,GAAyD,CAAE,YAAW,cAAc,MAE7F,EAAC,MAAA,CAAI,UAAW,EAAG,yEAA0E,EAAU,WAEpG,CAAC,GACA,EAAC,MAAA,CAAI,UAAU,gDACb,EAAC,EAAA,CAAS,UAAU,kCAAA,CAAoC,CACxD,EAAC,MAAA,CAAI,UAAU,2CACZ,CAAC,GAAG,MAAQ,CAAC,CAAC,KAAK,EAAG,IACrB,EAAC,EAAA,CAAiB,UAAU,mDAAA,CAAb,EAAkE,CACjF,EACE,CAAA,EACF,CAIR,EAAC,MAAA,CAAI,UAAW,EAAG,6BAA8B,EAAc,SAAW,kBAAkB,WAE1F,EAAC,MAAA,CAAI,UAAU,sBACb,EAAC,EAAA,CAAS,UAAU,YAAA,CAAc,CAClC,EAAC,EAAA,CAAS,UAAU,YAAA,CAAc,CAClC,EAAC,EAAA,CAAS,UAAU,aAAA,CAAe,CACnC,EAAC,EAAA,CAAS,UAAU,aAAA,CAAe,CACnC,EAAC,EAAA,CAAS,UAAU,YAAA,CAAc,GAC9B,CAGN,EAAC,MAAA,CAAI,UAAU,qCACb,EAAC,EAAA,CAAS,UAAU,YAAA,CAAc,CAClC,EAAC,MAAA,CAAI,UAAU,oCACb,EAAC,EAAA,CAAS,UAAU,WAAA,CAAa,CACjC,EAAC,EAAA,CAAS,UAAU,WAAA,CAAa,CAAA,EAC7B,CAAA,EACF,CAGN,EAAC,EAAA,CAAK,IAAI,KAAK,UAAU,iBACvB,EAAC,EAAA,CAAS,UAAU,yBAAA,CAA2B,CAC/C,EAAC,EAAA,CAAS,UAAU,yBAAA,CAA2B,CAAA,EAC1C,CAGP,EAAC,MAAA,CAAI,UAAU,gBACb,EAAC,EAAA,CAAK,aAAa,oBACjB,EAAC,EAAA,CAAS,UAAU,iBAClB,EAAC,EAAA,CAAY,MAAM,UAAU,SAAA,YAC3B,EAAC,EAAA,CAAS,UAAU,WAAA,CAAa,EACrB,CACd,EAAC,EAAA,CAAY,MAAM,QAAQ,SAAA,YACzB,EAAC,EAAA,CAAS,UAAU,WAAA,CAAa,EACrB,CACd,EAAC,EAAA,CAAY,MAAM,UAAU,SAAA,YAC3B,EAAC,EAAA,CAAS,UAAU,WAAA,CAAa,EACrB,GACL,CACX,EAAC,EAAA,CAAY,MAAM,mBACjB,EAAC,MAAA,CAAI,UAAU,sBACb,EAAC,EAAA,CAAS,UAAU,aAAA,CAAe,CACnC,EAAC,EAAA,CAAS,UAAU,aAAA,CAAe,CACnC,EAAC,EAAA,CAAS,UAAU,YAAA,CAAc,CAClC,EAAC,EAAA,CAAS,UAAU,cAAA,CAAgB,GAChC,EACM,CAAA,EACT,EACH,GACF,CAAA,EACF"}

package/dist/products/product-quantity-control-BVkoTxf9.d.cts

@@ -1,50 +0,0 @@
-import * as react_jsx_runtime41 from "react/jsx-runtime";
-
-//#region packages/components/products/product-quantity-control.d.ts
-interface ProductQuantityControlProps {
-  /**
-   * Initial quantity value
-   */
-  initialValue?: number;
-  /**
-   * Minimum allowed quantity (default: 1)
-   */
-  min?: number;
-  /**
-   * Maximum allowed quantity (default: 100)
-   */
-  max?: number;
-  /**
-   * Callback when quantity changes
-   */
-  onQuantityChange?: (quantity: number) => void;
-  /**
-   * Callback when increment or decrement button is clicked
-   */
-  onButtonClick?: (action: 'increment' | 'decrement', newQuantity: number) => void;
-  /**
-   * Delay in milliseconds before triggering onQuantityChange (default: 300)
-   */
-  debounceDelay?: number;
-  /**
-   * Custom class name
-   */
-  className?: string;
-  /**
-   * Whether the control is disabled
-   */
-  disabled?: boolean;
-}
-declare function ProductQuantityControl({
-  initialValue,
-  min,
-  max,
-  onQuantityChange,
-  onButtonClick,
-  debounceDelay,
-  className,
-  disabled
-}: ProductQuantityControlProps): react_jsx_runtime41.JSX.Element;
-//#endregion
-export { ProductQuantityControl, ProductQuantityControlProps };
-//# sourceMappingURL=product-quantity-control-BVkoTxf9.d.cts.map

package/dist/products/product-quantity-control-DM4-DlWq.d.ts

@@ -1,50 +0,0 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
-
-//#region packages/components/products/product-quantity-control.d.ts
-interface ProductQuantityControlProps {
-  /**
-   * Initial quantity value
-   */
-  initialValue?: number;
-  /**
-   * Minimum allowed quantity (default: 1)
-   */
-  min?: number;
-  /**
-   * Maximum allowed quantity (default: 100)
-   */
-  max?: number;
-  /**
-   * Callback when quantity changes
-   */
-  onQuantityChange?: (quantity: number) => void;
-  /**
-   * Callback when increment or decrement button is clicked
-   */
-  onButtonClick?: (action: 'increment' | 'decrement', newQuantity: number) => void;
-  /**
-   * Delay in milliseconds before triggering onQuantityChange (default: 300)
-   */
-  debounceDelay?: number;
-  /**
-   * Custom class name
-   */
-  className?: string;
-  /**
-   * Whether the control is disabled
-   */
-  disabled?: boolean;
-}
-declare function ProductQuantityControl({
-  initialValue,
-  min,
-  max,
-  onQuantityChange,
-  onButtonClick,
-  debounceDelay,
-  className,
-  disabled
-}: ProductQuantityControlProps): react_jsx_runtime13.JSX.Element;
-//#endregion
-export { ProductQuantityControl, ProductQuantityControlProps };
-//# sourceMappingURL=product-quantity-control-DM4-DlWq.d.ts.map

package/dist/products/product-quantity-control.js

@@ -1,2 +0,0 @@
-"use client";import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import{t as e}from"../button-ZBnX9IoC.js";import{t}from"../input-C_Q32lFA.js";import{Minus as n,Plus as r}from"lucide-react";import{useCallback as i,useEffect as a,useState as o}from"react";import{cn as s}from"@customafk/react-toolkit/utils";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{useDebounceCallback as u}from"@customafk/react-toolkit/hooks/useDebounceCallback";function d({initialValue:d=1,min:f=1,max:p=100,onQuantityChange:m,onButtonClick:h,debounceDelay:g=300,className:_,disabled:v=!1}){let[y,b]=o(Math.min(Math.max(d,f),p)),x=u(e=>{m?.(e)},g);a(()=>{b(Math.min(Math.max(d,f),p))},[d,f,p]),a(()=>(g<=0?m?.(y):x(y),()=>{x.cancel()}),[y,x,m,g]);let S=i(()=>{if(y>=p)return;let e=y+1;b(e),h?.(`increment`,e)},[y,p,h]),C=i(()=>{if(y<=f)return;let e=y-1;b(e),h?.(`decrement`,e)},[y,f,h]),w=i(e=>{let t=parseInt(e,10);if(Number.isNaN(t)){b(f);return}b(t<f?f:t>p?p:t)},[f,p]),T=i(()=>{Number.isNaN(y)||y<f?b(f):y>p&&b(p)},[y,f,p]);return l(`div`,{className:s(`flex gap-x-0.5 h-8 items-center`,_),children:[c(e,{variant:`outline`,color:`muted`,size:`icon`,onClick:C,disabled:v||y<=f,"aria-label":`Decrease quantity`,className:`rounded-xs focus:border focus:border-border bg-background`,children:c(n,{size:16})}),c(t,{value:y.toString(),onValueChange:w,onBlur:T,min:f,max:p,disabled:v,className:`h-8 w-14 border border-border p-0 text-center focus-visible:border-muted focus-visible:ring-0 rounded-xs bg-background`,"aria-label":`Product quantity`}),c(e,{variant:`outline`,color:`muted`,size:`icon`,onClick:S,disabled:v||y>=p,"aria-label":`Increase quantity`,className:`rounded-xs focus:border focus:border-border bg-background`,children:c(r,{size:16})})]})}export{d as ProductQuantityControl};
-//# sourceMappingURL=product-quantity-control.js.map