@customafk/lunas-ui 0.1.95 → 0.1.97

package/dist/ui/spinner.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime254 from "react/jsx-runtime";
+import * as react_jsx_runtime81 from "react/jsx-runtime";
 
 //#region packages/components/ui/spinner.d.ts
 declare function Spinner({
   className,
   ...props
-}: React.ComponentProps<'svg'>): react_jsx_runtime254.JSX.Element;
+}: React.ComponentProps<'svg'>): react_jsx_runtime81.JSX.Element;
 //#endregion
 export { Spinner };
 //# sourceMappingURL=spinner.d.cts.map

package/dist/ui/spinner.d.mts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime146 from "react/jsx-runtime";
+import * as react_jsx_runtime267 from "react/jsx-runtime";
 
 //#region packages/components/ui/spinner.d.ts
 declare function Spinner({
   className,
   ...props
-}: React.ComponentProps<'svg'>): react_jsx_runtime146.JSX.Element;
+}: React.ComponentProps<'svg'>): react_jsx_runtime267.JSX.Element;
 //#endregion
 export { Spinner };
 //# sourceMappingURL=spinner.d.mts.map

package/dist/ui/switch.d.cts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime283 from "react/jsx-runtime";
+import * as react_jsx_runtime69 from "react/jsx-runtime";
 import { Switch as Switch$1 } from "radix-ui";
 
 //#region packages/components/ui/switch.d.ts
 declare function Switch({
   className,
   ...props
-}: React.ComponentProps<typeof Switch$1.Root>): react_jsx_runtime283.JSX.Element;
+}: React.ComponentProps<typeof Switch$1.Root>): react_jsx_runtime69.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=switch.d.cts.map

package/dist/ui/switch.d.mts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime256 from "react/jsx-runtime";
+import * as react_jsx_runtime227 from "react/jsx-runtime";
 import { Switch as Switch$1 } from "radix-ui";
 
 //#region packages/components/ui/switch.d.ts
 declare function Switch({
   className,
   ...props
-}: React.ComponentProps<typeof Switch$1.Root>): react_jsx_runtime256.JSX.Element;
+}: React.ComponentProps<typeof Switch$1.Root>): react_jsx_runtime227.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=switch.d.mts.map

package/dist/ui/table.d.cts

@@ -1,39 +1,39 @@
-import * as react_jsx_runtime246 from "react/jsx-runtime";
-import * as react28 from "react";
+import * as react_jsx_runtime73 from "react/jsx-runtime";
+import * as react1 from "react";
 
 //#region packages/components/ui/table.d.ts
-declare const Table: react28.MemoExoticComponent<({
+declare const Table: react1.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"table">) => react_jsx_runtime246.JSX.Element>;
-declare const TableHeader: react28.MemoExoticComponent<({
+}: React.ComponentProps<"table">) => react_jsx_runtime73.JSX.Element>;
+declare const TableHeader: react1.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"thead">) => react_jsx_runtime246.JSX.Element>;
-declare const TableBody: react28.MemoExoticComponent<({
+}: React.ComponentProps<"thead">) => react_jsx_runtime73.JSX.Element>;
+declare const TableBody: react1.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tbody">) => react_jsx_runtime246.JSX.Element>;
-declare const TableFooter: react28.MemoExoticComponent<({
+}: React.ComponentProps<"tbody">) => react_jsx_runtime73.JSX.Element>;
+declare const TableFooter: react1.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tfoot">) => react_jsx_runtime246.JSX.Element>;
-declare const TableRow: react28.MemoExoticComponent<({
+}: React.ComponentProps<"tfoot">) => react_jsx_runtime73.JSX.Element>;
+declare const TableRow: react1.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tr">) => react_jsx_runtime246.JSX.Element>;
-declare const TableHead: react28.MemoExoticComponent<({
+}: React.ComponentProps<"tr">) => react_jsx_runtime73.JSX.Element>;
+declare const TableHead: react1.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"th">) => react_jsx_runtime246.JSX.Element>;
-declare const TableCell: react28.MemoExoticComponent<({
+}: React.ComponentProps<"th">) => react_jsx_runtime73.JSX.Element>;
+declare const TableCell: react1.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"td">) => react_jsx_runtime246.JSX.Element>;
-declare const TableCaption: react28.MemoExoticComponent<({
+}: React.ComponentProps<"td">) => react_jsx_runtime73.JSX.Element>;
+declare const TableCaption: react1.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"caption">) => react_jsx_runtime246.JSX.Element>;
+}: React.ComponentProps<"caption">) => react_jsx_runtime73.JSX.Element>;
 //#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 //# sourceMappingURL=table.d.cts.map

package/dist/ui/table.d.mts

@@ -1,39 +1,39 @@
-import * as react16 from "react";
-import * as react_jsx_runtime157 from "react/jsx-runtime";
+import * as react26 from "react";
+import * as react_jsx_runtime271 from "react/jsx-runtime";
 
 //#region packages/components/ui/table.d.ts
-declare const Table: react16.MemoExoticComponent<({
+declare const Table: react26.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"table">) => react_jsx_runtime157.JSX.Element>;
-declare const TableHeader: react16.MemoExoticComponent<({
+}: React.ComponentProps<"table">) => react_jsx_runtime271.JSX.Element>;
+declare const TableHeader: react26.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"thead">) => react_jsx_runtime157.JSX.Element>;
-declare const TableBody: react16.MemoExoticComponent<({
+}: React.ComponentProps<"thead">) => react_jsx_runtime271.JSX.Element>;
+declare const TableBody: react26.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tbody">) => react_jsx_runtime157.JSX.Element>;
-declare const TableFooter: react16.MemoExoticComponent<({
+}: React.ComponentProps<"tbody">) => react_jsx_runtime271.JSX.Element>;
+declare const TableFooter: react26.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tfoot">) => react_jsx_runtime157.JSX.Element>;
-declare const TableRow: react16.MemoExoticComponent<({
+}: React.ComponentProps<"tfoot">) => react_jsx_runtime271.JSX.Element>;
+declare const TableRow: react26.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tr">) => react_jsx_runtime157.JSX.Element>;
-declare const TableHead: react16.MemoExoticComponent<({
+}: React.ComponentProps<"tr">) => react_jsx_runtime271.JSX.Element>;
+declare const TableHead: react26.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"th">) => react_jsx_runtime157.JSX.Element>;
-declare const TableCell: react16.MemoExoticComponent<({
+}: React.ComponentProps<"th">) => react_jsx_runtime271.JSX.Element>;
+declare const TableCell: react26.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"td">) => react_jsx_runtime157.JSX.Element>;
-declare const TableCaption: react16.MemoExoticComponent<({
+}: React.ComponentProps<"td">) => react_jsx_runtime271.JSX.Element>;
+declare const TableCaption: react26.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"caption">) => react_jsx_runtime157.JSX.Element>;
+}: React.ComponentProps<"caption">) => react_jsx_runtime271.JSX.Element>;
 //#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 //# sourceMappingURL=table.d.mts.map

package/dist/ui/tabs.d.cts

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime284 from "react/jsx-runtime";
+import * as react_jsx_runtime189 from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "radix-ui";
 
 //#region packages/components/ui/tabs.d.ts
 declare function Tabs({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime284.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime189.JSX.Element;
 declare function TabsList({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.List>): react_jsx_runtime284.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.List>): react_jsx_runtime189.JSX.Element;
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime284.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime189.JSX.Element;
 declare function TabsContent({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Content>): react_jsx_runtime284.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Content>): react_jsx_runtime189.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };
 //# sourceMappingURL=tabs.d.cts.map

package/dist/ui/tabs.d.mts

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime139 from "react/jsx-runtime";
+import * as react_jsx_runtime228 from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "radix-ui";
 
 //#region packages/components/ui/tabs.d.ts
 declare function Tabs({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime139.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime228.JSX.Element;
 declare function TabsList({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.List>): react_jsx_runtime139.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.List>): react_jsx_runtime228.JSX.Element;
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime139.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime228.JSX.Element;
 declare function TabsContent({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Content>): react_jsx_runtime139.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Content>): react_jsx_runtime228.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };
 //# sourceMappingURL=tabs.d.mts.map

package/dist/ui/textarea.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime256 from "react/jsx-runtime";
+import * as react_jsx_runtime64 from "react/jsx-runtime";
 
 //#region packages/components/ui/textarea.d.ts
 declare function Textarea({
@@ -8,7 +8,7 @@ declare function Textarea({
   ...props
 }: React.ComponentProps<'textarea'> & {
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime256.JSX.Element;
+}): react_jsx_runtime64.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.cts.map

package/dist/ui/textarea.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime260 from "react/jsx-runtime";
+import * as react_jsx_runtime218 from "react/jsx-runtime";
 
 //#region packages/components/ui/textarea.d.ts
 declare function Textarea({
@@ -8,7 +8,7 @@ declare function Textarea({
   ...props
 }: React.ComponentProps<'textarea'> & {
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime260.JSX.Element;
+}): react_jsx_runtime218.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.mts.map

package/dist/ui/toggle-group.d.cts

@@ -1,5 +1,5 @@
 import { toggleVariants } from "./toggle.cjs";
-import * as react_jsx_runtime281 from "react/jsx-runtime";
+import * as react_jsx_runtime170 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
 
@@ -10,14 +10,14 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime281.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime170.JSX.Element;
 declare function ToggleGroupItem({
   className,
   children,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime281.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime170.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.cts.map

package/dist/ui/toggle-group.d.mts

@@ -1,6 +1,6 @@
 import { toggleVariants } from "./toggle.mjs";
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime258 from "react/jsx-runtime";
+import * as react_jsx_runtime279 from "react/jsx-runtime";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
 
 //#region packages/components/ui/toggle-group.d.ts
@@ -10,14 +10,14 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime258.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime279.JSX.Element;
 declare function ToggleGroupItem({
   className,
   children,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime258.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime279.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.mts.map

package/dist/ui/toggle.d.cts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime245 from "react/jsx-runtime";
-import * as class_variance_authority_types10 from "class-variance-authority/types";
+import * as react_jsx_runtime251 from "react/jsx-runtime";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import { Toggle as Toggle$1 } from "radix-ui";
 
@@ -7,13 +7,13 @@ import { Toggle as Toggle$1 } from "radix-ui";
 declare const toggleVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
 declare function Toggle({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime245.JSX.Element;
+}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime251.JSX.Element;
 //#endregion
 export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.d.cts.map

package/dist/ui/toggle.d.mts

@@ -1,19 +1,19 @@
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime166 from "react/jsx-runtime";
+import * as react_jsx_runtime287 from "react/jsx-runtime";
 import { Toggle as Toggle$1 } from "radix-ui";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as class_variance_authority_types11 from "class-variance-authority/types";
 
 //#region packages/components/ui/toggle.d.ts
 declare const toggleVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
 declare function Toggle({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime166.JSX.Element;
+}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime287.JSX.Element;
 //#endregion
 export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.d.mts.map

package/dist/ui/tooltip.d.cts

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime241 from "react/jsx-runtime";
+import * as react_jsx_runtime272 from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "radix-ui";
 
 //#region packages/components/ui/tooltip.d.ts
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime241.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime272.JSX.Element;
 declare function Tooltip({
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime241.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime272.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime241.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime272.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime241.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime272.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=tooltip.d.cts.map

package/dist/ui/tooltip.d.mts

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime236 from "react/jsx-runtime";
+import * as react_jsx_runtime263 from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "radix-ui";
 
 //#region packages/components/ui/tooltip.d.ts
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime263.JSX.Element;
 declare function Tooltip({
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime263.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime263.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime236.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime263.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=tooltip.d.mts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@customafk/lunas-ui",
-  "version": "0.1.95",
+  "version": "0.1.97",
   "description": "UI library for Lunas Enterprise",
   "type": "module",
   "author": {

package/styles/typography.css

@@ -3,4 +3,6 @@
     Inter, ui-sans-serif, system-ui, Avenir, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   line-height: 1.5;
   font-weight: 400;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }

package/dist/paragraph-4z_6Z5aj.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`class-variance-authority`),r=require(`react/jsx-runtime`);const i=(0,n.cva)(`text-wrap text-sm text-start max-w-prose tabular-nums transition-colors not-first:mt-3`,{variants:{variant:{lead:`text-text-positive-strong font-semibold tracking-tight`,lg:`font-medium text-text-positive-strong`,p:`font-normal text-text-positive`,sm:`font-light text-text-positive-weak`,muted:`text-text-positive-weak font-normal`}},defaultVariants:{variant:`sm`}}),a=({variant:e=`p`,className:n,children:a})=>(0,r.jsx)(`p`,{className:(0,t.cn)(i({variant:e}),n),children:a});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=paragraph-4z_6Z5aj.cjs.map

package/dist/paragraph-4z_6Z5aj.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"paragraph-4z_6Z5aj.cjs","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva } from 'class-variance-authority';\n\ntype Props = {\n  /**\n   * The variant of the paragraph. It can be one of the following:\n   * - `p`: The default paragraph style. It has a normal font weight and is used for regular text content.\n   * - `muted`: The muted paragraph style. It has a lighter color to indicate less emphasis and is often used for secondary information.\n   * - `lead`: The lead paragraph style. It is typically used to introduce the content of a section and has a larger font size and stronger text color.\n   * - `sm`: The small paragraph style. It is used for less important text and has a smaller font size.\n   * - `lg`: The large paragraph style. It is used for more emphasis and visibility, with a larger font size.\n   */\n  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg';\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport const paragraphVariants = cva('text-wrap text-sm text-start max-w-prose tabular-nums transition-colors not-first:mt-3', {\n  variants: {\n    variant: {\n      // Lead: Nhấn mạnh mạnh mẽ nhất, dùng cho mở bài/highlight\n      lead: 'text-text-positive-strong font-semibold tracking-tight',\n      lg: 'font-medium text-text-positive-strong',\n      p: 'font-normal text-text-positive',\n      sm: 'font-light text-text-positive-weak',\n      muted: 'text-text-positive-weak font-normal',\n    },\n  },\n  defaultVariants: {\n    variant: 'sm',\n  },\n});\n\nexport const Paragraph = ({ variant = 'p', className, children }: Props) => {\n  return <p className={cn(paragraphVariants({ variant }), className)}>{children}</p>;\n};\n"],"mappings":"6JAoBA,MAAa,GAAA,EAAA,EAAA,KAAwB,yFAA0F,CAC7H,SAAU,CACR,QAAS,CAEP,KAAM,yDACN,GAAI,wCACJ,EAAG,iCACH,GAAI,qCACJ,MAAO,sCACR,CACF,CACD,gBAAiB,CACf,QAAS,KACV,CACF,CAAC,CAEW,GAAa,CAAE,UAAU,IAAK,YAAW,eAC7C,EAAA,EAAA,KAAC,IAAA,CAAE,WAAA,EAAA,EAAA,IAAc,EAAkB,CAAE,UAAS,CAAC,CAAE,EAAU,CAAG,YAAa"}

package/dist/paragraph-BTJV4aeF.mjs

@@ -1,2 +0,0 @@
-import{cn as e}from"@customafk/react-toolkit/utils";import{cva as t}from"class-variance-authority";import{jsx as n}from"react/jsx-runtime";const r=t(`text-wrap text-sm text-start max-w-prose tabular-nums transition-colors not-first:mt-3`,{variants:{variant:{lead:`text-text-positive-strong font-semibold tracking-tight`,lg:`font-medium text-text-positive-strong`,p:`font-normal text-text-positive`,sm:`font-light text-text-positive-weak`,muted:`text-text-positive-weak font-normal`}},defaultVariants:{variant:`sm`}}),i=({variant:t=`p`,className:i,children:a})=>n(`p`,{className:e(r({variant:t}),i),children:a});export{r as n,i as t};
-//# sourceMappingURL=paragraph-BTJV4aeF.mjs.map

package/dist/paragraph-BTJV4aeF.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"paragraph-BTJV4aeF.mjs","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva } from 'class-variance-authority';\n\ntype Props = {\n  /**\n   * The variant of the paragraph. It can be one of the following:\n   * - `p`: The default paragraph style. It has a normal font weight and is used for regular text content.\n   * - `muted`: The muted paragraph style. It has a lighter color to indicate less emphasis and is often used for secondary information.\n   * - `lead`: The lead paragraph style. It is typically used to introduce the content of a section and has a larger font size and stronger text color.\n   * - `sm`: The small paragraph style. It is used for less important text and has a smaller font size.\n   * - `lg`: The large paragraph style. It is used for more emphasis and visibility, with a larger font size.\n   */\n  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg';\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport const paragraphVariants = cva('text-wrap text-sm text-start max-w-prose tabular-nums transition-colors not-first:mt-3', {\n  variants: {\n    variant: {\n      // Lead: Nhấn mạnh mạnh mẽ nhất, dùng cho mở bài/highlight\n      lead: 'text-text-positive-strong font-semibold tracking-tight',\n      lg: 'font-medium text-text-positive-strong',\n      p: 'font-normal text-text-positive',\n      sm: 'font-light text-text-positive-weak',\n      muted: 'text-text-positive-weak font-normal',\n    },\n  },\n  defaultVariants: {\n    variant: 'sm',\n  },\n});\n\nexport const Paragraph = ({ variant = 'p', className, children }: Props) => {\n  return <p className={cn(paragraphVariants({ variant }), className)}>{children}</p>;\n};\n"],"mappings":"2IAoBA,MAAa,EAAoB,EAAI,yFAA0F,CAC7H,SAAU,CACR,QAAS,CAEP,KAAM,yDACN,GAAI,wCACJ,EAAG,iCACH,GAAI,qCACJ,MAAO,sCACR,CACF,CACD,gBAAiB,CACf,QAAS,KACV,CACF,CAAC,CAEW,GAAa,CAAE,UAAU,IAAK,YAAW,cAC7C,EAAC,IAAA,CAAE,UAAW,EAAG,EAAkB,CAAE,UAAS,CAAC,CAAE,EAAU,CAAG,YAAa"}