@mesob/ui 0.5.4 → 0.5.6

package/dist/providers.d.ts

@@ -18,7 +18,6 @@ declare function AnalyticsProvider({ analytics, children, }: AnalyticsProviderPr
 type Navigation = ReturnType<typeof createNavigation>;
 type MesobContextValue = {
     navigation: Navigation;
-    linkComponent: Navigation['Link'];
     goBack: () => void;
     navigate: (href: string) => void;
     pathname: string;
@@ -29,13 +28,12 @@ type MesobContextValue = {
 };
 type MesobProviderProps = {
     children: ReactNode;
-    routing: Parameters<typeof createNavigation>[0];
-    linkComponent?: Navigation['Link'];
+    navigation: Navigation;
     locale?: string;
     defaultLanguage?: string;
     supportedLanguages?: SupportedLanguage[];
 };
-declare function MesobProvider({ children, routing, linkComponent: linkComponentProp, locale: localeProp, defaultLanguage, supportedLanguages, }: MesobProviderProps): react_jsx_runtime.JSX.Element;
+declare function MesobProvider({ children, navigation, locale: localeProp, defaultLanguage, supportedLanguages, }: MesobProviderProps): react_jsx_runtime.JSX.Element;
 declare function useMesob(): MesobContextValue | null;
 declare function useLocaleConfig(): {
     defaultLanguage: string;

package/dist/providers.js

@@ -81,7 +81,6 @@ function AnalyticsProvider({
 }
 
 // src/provider/mesob-provider.tsx
-import { createNavigation } from "next-intl/navigation";
 import { createContext, useContext, useMemo } from "react";
 import { z as z2 } from "zod";
 
@@ -154,41 +153,21 @@ function createLocalRequiredInputSchema(supportedLanguages, validation) {
 // src/provider/mesob-provider.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 var MesobContext = createContext(null);
-var MESOB_ERR = "[MesobProvider]";
 function MesobProvider({
   children,
-  routing,
-  linkComponent: linkComponentProp,
+  navigation,
   locale: localeProp,
   defaultLanguage = DEFAULT_LANGUAGE,
   supportedLanguages = SUPPORTED_LANGUAGES
 }) {
-  if (!routing) {
-    throw new Error(`${MESOB_ERR} routing is required`);
-  }
   const locale = localeProp ?? defaultLanguage;
-  const navigation = useMemo(() => createNavigation(routing), [routing]);
-  const pathname = typeof window === "undefined" ? "/" : window.location.pathname;
+  const pathname = navigation.usePathname();
+  const router = navigation.useRouter();
   const value = useMemo(() => {
-    const linkComponent = linkComponentProp ?? navigation?.Link;
-    if (!linkComponent) {
-      throw new Error(
-        `${MESOB_ERR} linkComponent or valid createNavigation required`
-      );
-    }
     return {
       navigation,
-      linkComponent,
-      goBack: () => {
-        if (typeof window !== "undefined") {
-          window.history.back();
-        }
-      },
-      navigate: (href) => {
-        if (typeof window !== "undefined") {
-          window.location.assign(href);
-        }
-      },
+      goBack: router.back,
+      navigate: router.push,
       pathname,
       locale,
       defaultLanguage,
@@ -196,7 +175,8 @@ function MesobProvider({
     };
   }, [
     navigation,
-    linkComponentProp,
+    router.back,
+    router.push,
     pathname,
     locale,
     defaultLanguage,

package/dist/providers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/analytics/clarity.tsx","../src/components/analytics/disable-devtool.tsx","../src/components/analytics/google-analytics.tsx","../src/provider/analytics-provider.tsx","../src/provider/mesob-provider.tsx","../src/components/ui/tooltip.tsx","../src/lib/utils.ts","../src/lib/locale.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\ntype ClarityProps = {\n  clarityId: string;\n};\n\nexport function Clarity({ clarityId }: ClarityProps) {\n  useEffect(() => {\n    if (!clarityId || typeof document === 'undefined') {\n      return;\n    }\n    const id = 'ms-clarity-script';\n    if (document.getElementById(id)) {\n      return;\n    }\n    const script = document.createElement('script');\n    script.id = id;\n    script.async = true;\n    script.innerHTML = `(function(c,l,a,r,i,t,y){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;t.src=\"https://www.clarity.ms/tag/\"+i;y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);})(window,document,\"clarity\",\"script\",\"${clarityId.replace(/\"/g, '\\\\\"')}\");`;\n    document.head.appendChild(script);\n  }, [clarityId]);\n  return null;\n}\n","'use client';\n\nimport { useEffect } from 'react';\n\nexport type DisableDevtoolOptions = {\n  url?: string;\n  md5?: string;\n  tkName?: string;\n  disableMenu?: boolean;\n};\n\ntype DisableDevtoolProps = {\n  /** When true, loads and runs disable-devtool (e.g. process.env.NEXT_PUBLIC_ENV === '1') */\n  enable: boolean;\n  options?: DisableDevtoolOptions;\n};\n\nexport function DisableDevtool({ enable, options = {} }: DisableDevtoolProps) {\n  useEffect(() => {\n    if (!enable || typeof window === 'undefined') {\n      return;\n    }\n    import('disable-devtool')\n      .then((mod) => {\n        const DisableDevtool = mod.default;\n        DisableDevtool({\n          url: options.url ?? '/404',\n          md5: options.md5,\n          tkName: options.tkName ?? 'var',\n          disableMenu: options.disableMenu ?? false,\n        });\n      })\n      .catch(() => undefined);\n  }, [enable, options.url, options.md5, options.tkName, options.disableMenu]);\n  return null;\n}\n","'use client';\n\nimport { useEffect } from 'react';\n\ntype GoogleAnalyticsProps = {\n  gaId: string;\n};\n\nexport function GoogleAnalytics({ gaId }: GoogleAnalyticsProps) {\n  useEffect(() => {\n    if (!gaId || typeof document === 'undefined') {\n      return;\n    }\n    const id = 'ms-ga-script';\n    if (document.getElementById(id)) {\n      return;\n    }\n    window.dataLayer = window.dataLayer ?? [];\n    function gtag(...args: unknown[]) {\n      window.dataLayer?.push(args);\n    }\n    (window as unknown as { gtag: typeof gtag }).gtag = gtag;\n    gtag('js', new Date());\n    gtag('config', gaId);\n    const script = document.createElement('script');\n    script.id = id;\n    script.async = true;\n    script.src = `https://www.googletagmanager.com/gtag/js?id=${encodeURIComponent(gaId)}`;\n    document.head.appendChild(script);\n  }, [gaId]);\n  return null;\n}\n\ndeclare global {\n  interface Window {\n    dataLayer?: unknown[];\n  }\n}\n","'use client';\n\nimport { type ReactNode, Suspense } from 'react';\nimport { Clarity, GoogleAnalytics } from '../components/analytics';\n\nexport type MesobAnalyticsIds = {\n  clarityId?: string | null;\n  gaId?: string | null;\n};\n\ntype AnalyticsProviderProps = {\n  analytics?: MesobAnalyticsIds;\n  children?: ReactNode;\n};\n\nexport function AnalyticsProvider({\n  analytics = {},\n  children,\n}: AnalyticsProviderProps) {\n  const { clarityId, gaId } = analytics;\n\n  return (\n    <>\n      {clarityId ? (\n        <Suspense fallback={null}>\n          <Clarity clarityId={clarityId} />\n        </Suspense>\n      ) : null}\n      {gaId ? (\n        <Suspense fallback={null}>\n          <GoogleAnalytics gaId={gaId} />\n        </Suspense>\n      ) : null}\n      {children}\n    </>\n  );\n}\n","'use client';\n\nimport { createNavigation } from 'next-intl/navigation';\nimport { createContext, type ReactNode, useContext, useMemo } from 'react';\nimport { z } from 'zod';\nimport { TooltipProvider } from '../components/ui/tooltip';\nimport {\n  createLocalInputSchema,\n  createLocalRequiredInputSchema,\n  DEFAULT_LANGUAGE,\n  getLocaleInputDefault,\n  SUPPORTED_LANGUAGES,\n  type SupportedLanguage,\n} from '../lib/locale';\n\ntype Navigation = ReturnType<typeof createNavigation>;\n\ntype MesobContextValue = {\n  navigation: Navigation;\n  linkComponent: Navigation['Link'];\n  goBack: () => void;\n  navigate: (href: string) => void;\n  pathname: string;\n  locale: string;\n  defaultLanguage: string;\n  supportedLanguages: SupportedLanguage[];\n  t?: (key: string, params?: Record<string, string | number>) => string;\n};\n\nconst MesobContext = createContext<MesobContextValue | null>(null);\n\nconst MESOB_ERR = '[MesobProvider]';\n\nexport type MesobProviderProps = {\n  children: ReactNode;\n  routing: Parameters<typeof createNavigation>[0];\n  linkComponent?: Navigation['Link'];\n  locale?: string;\n  defaultLanguage?: string;\n  supportedLanguages?: SupportedLanguage[];\n};\n\nexport function MesobProvider({\n  children,\n  routing,\n  linkComponent: linkComponentProp,\n  locale: localeProp,\n  defaultLanguage = DEFAULT_LANGUAGE,\n  supportedLanguages = SUPPORTED_LANGUAGES,\n}: MesobProviderProps) {\n  if (!routing) {\n    throw new Error(`${MESOB_ERR} routing is required`);\n  }\n\n  const locale = localeProp ?? defaultLanguage;\n  const navigation = useMemo(() => createNavigation(routing), [routing]);\n  const pathname =\n    typeof window === 'undefined' ? '/' : window.location.pathname;\n\n  const value = useMemo(() => {\n    const linkComponent = linkComponentProp ?? navigation?.Link;\n    if (!linkComponent) {\n      throw new Error(\n        `${MESOB_ERR} linkComponent or valid createNavigation required`,\n      );\n    }\n    return {\n      navigation,\n      linkComponent,\n      goBack: () => {\n        if (typeof window !== 'undefined') {\n          window.history.back();\n        }\n      },\n      navigate: (href: string) => {\n        if (typeof window !== 'undefined') {\n          window.location.assign(href);\n        }\n      },\n      pathname,\n      locale,\n      defaultLanguage,\n      supportedLanguages,\n    };\n  }, [\n    navigation,\n    linkComponentProp,\n    pathname,\n    locale,\n    defaultLanguage,\n    supportedLanguages,\n  ]);\n\n  return (\n    <MesobContext.Provider value={value}>\n      <TooltipProvider delay={0}>{children}</TooltipProvider>\n    </MesobContext.Provider>\n  );\n}\n\nexport function useMesob(): MesobContextValue | null {\n  return useContext(MesobContext);\n}\n\nexport function useLocaleConfig(): {\n  defaultLanguage: string;\n  supportedLanguages: SupportedLanguage[];\n} {\n  const mesob = useMesob();\n  return {\n    defaultLanguage: mesob?.defaultLanguage ?? DEFAULT_LANGUAGE,\n    supportedLanguages: mesob?.supportedLanguages ?? SUPPORTED_LANGUAGES,\n  };\n}\n\nexport function useLocaleSchemas(): {\n  localeInputDefault: Record<string, string>;\n  requiredSchema: ReturnType<typeof createLocalRequiredInputSchema>;\n  optionalSchema: ReturnType<typeof createLocalInputSchema>;\n} {\n  const { defaultLanguage, supportedLanguages } = useLocaleConfig();\n  return useMemo(\n    () => ({\n      localeInputDefault: getLocaleInputDefault(supportedLanguages),\n      requiredSchema: createLocalRequiredInputSchema(\n        supportedLanguages,\n        z.string().optional(),\n      ),\n      optionalSchema: createLocalInputSchema(\n        defaultLanguage,\n        supportedLanguages,\n        z.string().optional(),\n        z.string().optional(),\n      ),\n    }),\n    [defaultLanguage, supportedLanguages],\n  );\n}\n","'use client';\n\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';\n\nimport { cn } from '../../lib/utils';\n\nfunction TooltipProvider({\n  delay = 0,\n  ...props\n}: TooltipPrimitive.Provider.Props) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delay={delay}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({ ...props }: TooltipPrimitive.Root.Props) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />;\n}\n\nfunction TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  side = 'top',\n  sideOffset = 4,\n  align = 'center',\n  alignOffset = 0,\n  children,\n  ...props\n}: TooltipPrimitive.Popup.Props &\n  Pick<\n    TooltipPrimitive.Positioner.Props,\n    'align' | 'alignOffset' | 'side' | 'sideOffset'\n  >) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          className={cn(\n            'cn-tooltip-content cn-tooltip-content-logical bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n          <TooltipPrimitive.Arrow className=\"cn-tooltip-arrow cn-tooltip-arrow-logical bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\" />\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n","import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import { z } from 'zod';\n\nexport type LocaleKey = 'am' | 'en' | 'om' | 'ti' | 'so' | 'sw' | 'fr' | 'ar';\n\nexport type Locale = {\n  [Key in LocaleKey | string]?: string;\n};\n\nexport type Translation = (key: string) => string;\n\n/** Fallback when MesobProvider does not receive defaultLanguage/supportedLanguages */\nexport const DEFAULT_LANGUAGE = 'en';\n\nexport type SupportedLanguage = { value: string; label: string; key: string };\n\n/** Fallback when MesobProvider does not receive supportedLanguages */\nexport const SUPPORTED_LANGUAGES: SupportedLanguage[] = [\n  { value: 'en', label: 'English', key: 'En' },\n  { value: 'am', label: 'አማርኛ', key: 'አማ' },\n];\n\nconst localeRecord = z.record(z.string(), z.string());\nexport const LOCALE_INPUT_DEFAULT: Locale = {};\nexport const LOCALE_REQUIRED_INPUT_SCHEMA = localeRecord.refine(\n  (o) => Object.keys(o).length > 0,\n  { message: 'At least one locale required' },\n);\nexport const LOCALE_OPTIONAL_INPUT_SCHEMA = localeRecord;\n\nexport function getLocaleInputDefault(\n  supportedLanguages: SupportedLanguage[],\n): Record<string, string> {\n  return Object.fromEntries(supportedLanguages.map(({ value }) => [value, '']));\n}\n\ntype SchemaAccumulator = {\n  [key: string]: z.ZodTypeAny;\n};\n\nexport function createLocalInputSchema(\n  defaultLanguage: string,\n  supportedLanguages: SupportedLanguage[],\n  defaultValidation: z.ZodTypeAny,\n  otherValidation: z.ZodTypeAny,\n): z.ZodObject<SchemaAccumulator> {\n  const schemaDefinition: { [key: string]: z.ZodTypeAny } =\n    supportedLanguages.reduce((acc: SchemaAccumulator, { value }) => {\n      acc[value] =\n        value === defaultLanguage ? defaultValidation : otherValidation;\n      return acc;\n    }, {});\n\n  return z.object(schemaDefinition);\n}\n\nexport function createLocalRequiredInputSchema(\n  supportedLanguages: SupportedLanguage[],\n  validation: z.ZodTypeAny,\n): z.ZodTypeAny {\n  const schemaDefinition: { [key: string]: z.ZodTypeAny } =\n    supportedLanguages.reduce((acc: SchemaAccumulator, { value }) => {\n      acc[value] = validation;\n      return acc;\n    }, {});\n\n  return z.object(schemaDefinition).superRefine((data, ctx) => {\n    const hasValue = Object.values(data).some(\n      (value) => typeof value === 'string' && value.trim().length > 0,\n    );\n\n    if (!hasValue) {\n      for (const { value } of supportedLanguages) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: 'field is required',\n          path: [value],\n        });\n      }\n    }\n  });\n}\n"],"mappings":";AAEA,SAAS,iBAAiB;AAMnB,SAAS,QAAQ,EAAE,UAAU,GAAiB;AACnD,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,OAAO,aAAa,aAAa;AACjD;AAAA,IACF;AACA,UAAM,KAAK;AACX,QAAI,SAAS,eAAe,EAAE,GAAG;AAC/B;AAAA,IACF;AACA,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,KAAK;AACZ,WAAO,QAAQ;AACf,WAAO,YAAY,iQAAiQ,UAAU,QAAQ,MAAM,KAAK,CAAC;AAClT,aAAS,KAAK,YAAY,MAAM;AAAA,EAClC,GAAG,CAAC,SAAS,CAAC;AACd,SAAO;AACT;;;ACtBA,SAAS,aAAAA,kBAAiB;AAenB,SAAS,eAAe,EAAE,QAAQ,UAAU,CAAC,EAAE,GAAwB;AAC5E,EAAAA,WAAU,MAAM;AACd,QAAI,CAAC,UAAU,OAAO,WAAW,aAAa;AAC5C;AAAA,IACF;AACA,WAAO,iBAAiB,EACrB,KAAK,CAAC,QAAQ;AACb,YAAMC,kBAAiB,IAAI;AAC3B,MAAAA,gBAAe;AAAA,QACb,KAAK,QAAQ,OAAO;AAAA,QACpB,KAAK,QAAQ;AAAA,QACb,QAAQ,QAAQ,UAAU;AAAA,QAC1B,aAAa,QAAQ,eAAe;AAAA,MACtC,CAAC;AAAA,IACH,CAAC,EACA,MAAM,MAAM,MAAS;AAAA,EAC1B,GAAG,CAAC,QAAQ,QAAQ,KAAK,QAAQ,KAAK,QAAQ,QAAQ,QAAQ,WAAW,CAAC;AAC1E,SAAO;AACT;;;ACjCA,SAAS,aAAAC,kBAAiB;AAMnB,SAAS,gBAAgB,EAAE,KAAK,GAAyB;AAC9D,EAAAA,WAAU,MAAM;AACd,QAAI,CAAC,QAAQ,OAAO,aAAa,aAAa;AAC5C;AAAA,IACF;AACA,UAAM,KAAK;AACX,QAAI,SAAS,eAAe,EAAE,GAAG;AAC/B;AAAA,IACF;AACA,WAAO,YAAY,OAAO,aAAa,CAAC;AACxC,aAAS,QAAQ,MAAiB;AAChC,aAAO,WAAW,KAAK,IAAI;AAAA,IAC7B;AACA,IAAC,OAA4C,OAAO;AACpD,SAAK,MAAM,oBAAI,KAAK,CAAC;AACrB,SAAK,UAAU,IAAI;AACnB,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,KAAK;AACZ,WAAO,QAAQ;AACf,WAAO,MAAM,+CAA+C,mBAAmB,IAAI,CAAC;AACpF,aAAS,KAAK,YAAY,MAAM;AAAA,EAClC,GAAG,CAAC,IAAI,CAAC;AACT,SAAO;AACT;;;AC7BA,SAAyB,gBAAgB;AAoBrC,mBAGM,KAHN;AAPG,SAAS,kBAAkB;AAAA,EAChC,YAAY,CAAC;AAAA,EACb;AACF,GAA2B;AACzB,QAAM,EAAE,WAAW,KAAK,IAAI;AAE5B,SACE,iCACG;AAAA,gBACC,oBAAC,YAAS,UAAU,MAClB,8BAAC,WAAQ,WAAsB,GACjC,IACE;AAAA,IACH,OACC,oBAAC,YAAS,UAAU,MAClB,8BAAC,mBAAgB,MAAY,GAC/B,IACE;AAAA,IACH;AAAA,KACH;AAEJ;;;AClCA,SAAS,wBAAwB;AACjC,SAAS,eAA+B,YAAY,eAAe;AACnE,SAAS,KAAAC,UAAS;;;ACFlB,SAAS,WAAW,wBAAwB;;;ACF5C,SAA0B,YAAY;AACtC,SAAS,eAAe;;;ADUpB,gBAAAC,MAsCI,QAAAC,aAtCJ;AALJ,SAAS,gBAAgB;AAAA,EACvB,QAAQ;AAAA,EACR,GAAG;AACL,GAAoC;AAClC,SACE,gBAAAD;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;AEjBA,SAAS,SAAS;AAWX,IAAM,mBAAmB;AAKzB,IAAM,sBAA2C;AAAA,EACtD,EAAE,OAAO,MAAM,OAAO,WAAW,KAAK,KAAK;AAAA,EAC3C,EAAE,OAAO,MAAM,OAAO,4BAAQ,KAAK,eAAK;AAC1C;AAEA,IAAM,eAAe,EAAE,OAAO,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC;AAE7C,IAAM,+BAA+B,aAAa;AAAA,EACvD,CAAC,MAAM,OAAO,KAAK,CAAC,EAAE,SAAS;AAAA,EAC/B,EAAE,SAAS,+BAA+B;AAC5C;AAGO,SAAS,sBACd,oBACwB;AACxB,SAAO,OAAO,YAAY,mBAAmB,IAAI,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;AAC9E;AAMO,SAAS,uBACd,iBACA,oBACA,mBACA,iBACgC;AAChC,QAAM,mBACJ,mBAAmB,OAAO,CAAC,KAAwB,EAAE,MAAM,MAAM;AAC/D,QAAI,KAAK,IACP,UAAU,kBAAkB,oBAAoB;AAClD,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEP,SAAO,EAAE,OAAO,gBAAgB;AAClC;AAEO,SAAS,+BACd,oBACA,YACc;AACd,QAAM,mBACJ,mBAAmB,OAAO,CAAC,KAAwB,EAAE,MAAM,MAAM;AAC/D,QAAI,KAAK,IAAI;AACb,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEP,SAAO,EAAE,OAAO,gBAAgB,EAAE,YAAY,CAAC,MAAM,QAAQ;AAC3D,UAAM,WAAW,OAAO,OAAO,IAAI,EAAE;AAAA,MACnC,CAAC,UAAU,OAAO,UAAU,YAAY,MAAM,KAAK,EAAE,SAAS;AAAA,IAChE;AAEA,QAAI,CAAC,UAAU;AACb,iBAAW,EAAE,MAAM,KAAK,oBAAoB;AAC1C,YAAI,SAAS;AAAA,UACX,MAAM,EAAE,aAAa;AAAA,UACrB,SAAS;AAAA,UACT,MAAM,CAAC,KAAK;AAAA,QACd,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AACH;;;AHeM,gBAAAE,YAAA;AAlEN,IAAM,eAAe,cAAwC,IAAI;AAEjE,IAAM,YAAY;AAWX,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,qBAAqB;AACvB,GAAuB;AACrB,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,GAAG,SAAS,sBAAsB;AAAA,EACpD;AAEA,QAAM,SAAS,cAAc;AAC7B,QAAM,aAAa,QAAQ,MAAM,iBAAiB,OAAO,GAAG,CAAC,OAAO,CAAC;AACrE,QAAM,WACJ,OAAO,WAAW,cAAc,MAAM,OAAO,SAAS;AAExD,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,gBAAgB,qBAAqB,YAAY;AACvD,QAAI,CAAC,eAAe;AAClB,YAAM,IAAI;AAAA,QACR,GAAG,SAAS;AAAA,MACd;AAAA,IACF;AACA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,QAAQ,MAAM;AACZ,YAAI,OAAO,WAAW,aAAa;AACjC,iBAAO,QAAQ,KAAK;AAAA,QACtB;AAAA,MACF;AAAA,MACA,UAAU,CAAC,SAAiB;AAC1B,YAAI,OAAO,WAAW,aAAa;AACjC,iBAAO,SAAS,OAAO,IAAI;AAAA,QAC7B;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,gBAAAA,KAAC,aAAa,UAAb,EAAsB,OACrB,0BAAAA,KAAC,mBAAgB,OAAO,GAAI,UAAS,GACvC;AAEJ;AAEO,SAAS,WAAqC;AACnD,SAAO,WAAW,YAAY;AAChC;AAEO,SAAS,kBAGd;AACA,QAAM,QAAQ,SAAS;AACvB,SAAO;AAAA,IACL,iBAAiB,OAAO,mBAAmB;AAAA,IAC3C,oBAAoB,OAAO,sBAAsB;AAAA,EACnD;AACF;AAEO,SAAS,mBAId;AACA,QAAM,EAAE,iBAAiB,mBAAmB,IAAI,gBAAgB;AAChE,SAAO;AAAA,IACL,OAAO;AAAA,MACL,oBAAoB,sBAAsB,kBAAkB;AAAA,MAC5D,gBAAgB;AAAA,QACd;AAAA,QACAC,GAAE,OAAO,EAAE,SAAS;AAAA,MACtB;AAAA,MACA,gBAAgB;AAAA,QACd;AAAA,QACA;AAAA,QACAA,GAAE,OAAO,EAAE,SAAS;AAAA,QACpBA,GAAE,OAAO,EAAE,SAAS;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,kBAAkB;AAAA,EACtC;AACF;","names":["useEffect","DisableDevtool","useEffect","z","jsx","jsxs","jsx","z"]}
+{"version":3,"sources":["../src/components/analytics/clarity.tsx","../src/components/analytics/disable-devtool.tsx","../src/components/analytics/google-analytics.tsx","../src/provider/analytics-provider.tsx","../src/provider/mesob-provider.tsx","../src/components/ui/tooltip.tsx","../src/lib/utils.ts","../src/lib/locale.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\ntype ClarityProps = {\n  clarityId: string;\n};\n\nexport function Clarity({ clarityId }: ClarityProps) {\n  useEffect(() => {\n    if (!clarityId || typeof document === 'undefined') {\n      return;\n    }\n    const id = 'ms-clarity-script';\n    if (document.getElementById(id)) {\n      return;\n    }\n    const script = document.createElement('script');\n    script.id = id;\n    script.async = true;\n    script.innerHTML = `(function(c,l,a,r,i,t,y){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;t.src=\"https://www.clarity.ms/tag/\"+i;y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);})(window,document,\"clarity\",\"script\",\"${clarityId.replace(/\"/g, '\\\\\"')}\");`;\n    document.head.appendChild(script);\n  }, [clarityId]);\n  return null;\n}\n","'use client';\n\nimport { useEffect } from 'react';\n\nexport type DisableDevtoolOptions = {\n  url?: string;\n  md5?: string;\n  tkName?: string;\n  disableMenu?: boolean;\n};\n\ntype DisableDevtoolProps = {\n  /** When true, loads and runs disable-devtool (e.g. process.env.NEXT_PUBLIC_ENV === '1') */\n  enable: boolean;\n  options?: DisableDevtoolOptions;\n};\n\nexport function DisableDevtool({ enable, options = {} }: DisableDevtoolProps) {\n  useEffect(() => {\n    if (!enable || typeof window === 'undefined') {\n      return;\n    }\n    import('disable-devtool')\n      .then((mod) => {\n        const DisableDevtool = mod.default;\n        DisableDevtool({\n          url: options.url ?? '/404',\n          md5: options.md5,\n          tkName: options.tkName ?? 'var',\n          disableMenu: options.disableMenu ?? false,\n        });\n      })\n      .catch(() => undefined);\n  }, [enable, options.url, options.md5, options.tkName, options.disableMenu]);\n  return null;\n}\n","'use client';\n\nimport { useEffect } from 'react';\n\ntype GoogleAnalyticsProps = {\n  gaId: string;\n};\n\nexport function GoogleAnalytics({ gaId }: GoogleAnalyticsProps) {\n  useEffect(() => {\n    if (!gaId || typeof document === 'undefined') {\n      return;\n    }\n    const id = 'ms-ga-script';\n    if (document.getElementById(id)) {\n      return;\n    }\n    window.dataLayer = window.dataLayer ?? [];\n    function gtag(...args: unknown[]) {\n      window.dataLayer?.push(args);\n    }\n    (window as unknown as { gtag: typeof gtag }).gtag = gtag;\n    gtag('js', new Date());\n    gtag('config', gaId);\n    const script = document.createElement('script');\n    script.id = id;\n    script.async = true;\n    script.src = `https://www.googletagmanager.com/gtag/js?id=${encodeURIComponent(gaId)}`;\n    document.head.appendChild(script);\n  }, [gaId]);\n  return null;\n}\n\ndeclare global {\n  interface Window {\n    dataLayer?: unknown[];\n  }\n}\n","'use client';\n\nimport { type ReactNode, Suspense } from 'react';\nimport { Clarity, GoogleAnalytics } from '../components/analytics';\n\nexport type MesobAnalyticsIds = {\n  clarityId?: string | null;\n  gaId?: string | null;\n};\n\ntype AnalyticsProviderProps = {\n  analytics?: MesobAnalyticsIds;\n  children?: ReactNode;\n};\n\nexport function AnalyticsProvider({\n  analytics = {},\n  children,\n}: AnalyticsProviderProps) {\n  const { clarityId, gaId } = analytics;\n\n  return (\n    <>\n      {clarityId ? (\n        <Suspense fallback={null}>\n          <Clarity clarityId={clarityId} />\n        </Suspense>\n      ) : null}\n      {gaId ? (\n        <Suspense fallback={null}>\n          <GoogleAnalytics gaId={gaId} />\n        </Suspense>\n      ) : null}\n      {children}\n    </>\n  );\n}\n","'use client';\n\nimport type { createNavigation } from 'next-intl/navigation';\nimport { createContext, type ReactNode, useContext, useMemo } from 'react';\nimport { z } from 'zod';\nimport { TooltipProvider } from '../components/ui/tooltip';\nimport {\n  createLocalInputSchema,\n  createLocalRequiredInputSchema,\n  DEFAULT_LANGUAGE,\n  getLocaleInputDefault,\n  SUPPORTED_LANGUAGES,\n  type SupportedLanguage,\n} from '../lib/locale';\n\ntype Navigation = ReturnType<typeof createNavigation>;\n\ntype MesobContextValue = {\n  navigation: Navigation;\n  goBack: () => void;\n  navigate: (href: string) => void;\n  pathname: string;\n  locale: string;\n  defaultLanguage: string;\n  supportedLanguages: SupportedLanguage[];\n  t?: (key: string, params?: Record<string, string | number>) => string;\n};\n\nconst MesobContext = createContext<MesobContextValue | null>(null);\n\nexport type MesobProviderProps = {\n  children: ReactNode;\n  navigation: Navigation;\n  locale?: string;\n  defaultLanguage?: string;\n  supportedLanguages?: SupportedLanguage[];\n};\n\nexport function MesobProvider({\n  children,\n  navigation,\n  locale: localeProp,\n  defaultLanguage = DEFAULT_LANGUAGE,\n  supportedLanguages = SUPPORTED_LANGUAGES,\n}: MesobProviderProps) {\n  const locale = localeProp ?? defaultLanguage;\n  const pathname = navigation.usePathname();\n  const router = navigation.useRouter();\n\n  const value = useMemo(() => {\n    return {\n      navigation,\n      goBack: router.back,\n      navigate: router.push,\n      pathname,\n      locale,\n      defaultLanguage,\n      supportedLanguages,\n    };\n  }, [\n    navigation,\n    router.back,\n    router.push,\n    pathname,\n    locale,\n    defaultLanguage,\n    supportedLanguages,\n  ]);\n\n  return (\n    <MesobContext.Provider value={value}>\n      <TooltipProvider delay={0}>{children}</TooltipProvider>\n    </MesobContext.Provider>\n  );\n}\n\nexport function useMesob(): MesobContextValue | null {\n  return useContext(MesobContext);\n}\n\nexport function useLocaleConfig(): {\n  defaultLanguage: string;\n  supportedLanguages: SupportedLanguage[];\n} {\n  const mesob = useMesob();\n  return {\n    defaultLanguage: mesob?.defaultLanguage ?? DEFAULT_LANGUAGE,\n    supportedLanguages: mesob?.supportedLanguages ?? SUPPORTED_LANGUAGES,\n  };\n}\n\nexport function useLocaleSchemas(): {\n  localeInputDefault: Record<string, string>;\n  requiredSchema: ReturnType<typeof createLocalRequiredInputSchema>;\n  optionalSchema: ReturnType<typeof createLocalInputSchema>;\n} {\n  const { defaultLanguage, supportedLanguages } = useLocaleConfig();\n  return useMemo(\n    () => ({\n      localeInputDefault: getLocaleInputDefault(supportedLanguages),\n      requiredSchema: createLocalRequiredInputSchema(\n        supportedLanguages,\n        z.string().optional(),\n      ),\n      optionalSchema: createLocalInputSchema(\n        defaultLanguage,\n        supportedLanguages,\n        z.string().optional(),\n        z.string().optional(),\n      ),\n    }),\n    [defaultLanguage, supportedLanguages],\n  );\n}\n","'use client';\n\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '../../lib/utils';\n\nfunction TooltipProvider({\n  delay = 0,\n  ...props\n}: TooltipPrimitive.Provider.Props) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delay={delay}\n      {...props}\n    />\n  );\n}\n\ntype TooltipProps = Omit<TooltipPrimitive.Root.Props, 'children'> & {\n  children: ReactNode;\n  label?: ReactNode;\n  contentProps?: Omit<\n    TooltipPrimitive.Popup.Props &\n      Pick<\n        TooltipPrimitive.Positioner.Props,\n        'align' | 'alignOffset' | 'side' | 'sideOffset'\n      >,\n    'children'\n  >;\n  triggerProps?: Omit<TooltipPrimitive.Trigger.Props, 'children'>;\n};\n\nfunction Tooltip({\n  label,\n  contentProps,\n  triggerProps,\n  children,\n  ...props\n}: TooltipProps) {\n  if (label !== undefined) {\n    return (\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props}>\n        <TooltipTrigger\n          render={<span className=\"inline-block\" />}\n          {...triggerProps}\n        >\n          {children}\n        </TooltipTrigger>\n        <TooltipContent {...contentProps}>{label}</TooltipContent>\n      </TooltipPrimitive.Root>\n    );\n  }\n\n  return (\n    <TooltipPrimitive.Root data-slot=\"tooltip\" {...props}>\n      {children}\n    </TooltipPrimitive.Root>\n  );\n}\n\nfunction TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  side = 'top',\n  sideOffset = 4,\n  align = 'center',\n  alignOffset = 0,\n  children,\n  ...props\n}: TooltipPrimitive.Popup.Props &\n  Pick<\n    TooltipPrimitive.Positioner.Props,\n    'align' | 'alignOffset' | 'side' | 'sideOffset'\n  >) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          className={cn(\n            'cn-tooltip-content cn-tooltip-content-logical bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n          <TooltipPrimitive.Arrow className=\"cn-tooltip-arrow cn-tooltip-arrow-logical bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\" />\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n","import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import { z } from 'zod';\n\nexport type LocaleKey = 'am' | 'en' | 'om' | 'ti' | 'so' | 'sw' | 'fr' | 'ar';\n\nexport type Locale = {\n  [Key in LocaleKey | string]?: string;\n};\n\nexport type Translation = (key: string) => string;\n\n/** Fallback when MesobProvider does not receive defaultLanguage/supportedLanguages */\nexport const DEFAULT_LANGUAGE = 'en';\n\nexport type SupportedLanguage = { value: string; label: string; key: string };\n\n/** Fallback when MesobProvider does not receive supportedLanguages */\nexport const SUPPORTED_LANGUAGES: SupportedLanguage[] = [\n  { value: 'en', label: 'English', key: 'En' },\n  { value: 'am', label: 'አማርኛ', key: 'አማ' },\n];\n\nconst localeRecord = z.record(z.string(), z.string());\nexport const LOCALE_INPUT_DEFAULT: Locale = {};\nexport const LOCALE_REQUIRED_INPUT_SCHEMA = localeRecord.refine(\n  (o) => Object.keys(o).length > 0,\n  { message: 'At least one locale required' },\n);\nexport const LOCALE_OPTIONAL_INPUT_SCHEMA = localeRecord;\n\nexport function getLocaleInputDefault(\n  supportedLanguages: SupportedLanguage[],\n): Record<string, string> {\n  return Object.fromEntries(supportedLanguages.map(({ value }) => [value, '']));\n}\n\ntype SchemaAccumulator = {\n  [key: string]: z.ZodTypeAny;\n};\n\nexport function createLocalInputSchema(\n  defaultLanguage: string,\n  supportedLanguages: SupportedLanguage[],\n  defaultValidation: z.ZodTypeAny,\n  otherValidation: z.ZodTypeAny,\n): z.ZodObject<SchemaAccumulator> {\n  const schemaDefinition: { [key: string]: z.ZodTypeAny } =\n    supportedLanguages.reduce((acc: SchemaAccumulator, { value }) => {\n      acc[value] =\n        value === defaultLanguage ? defaultValidation : otherValidation;\n      return acc;\n    }, {});\n\n  return z.object(schemaDefinition);\n}\n\nexport function createLocalRequiredInputSchema(\n  supportedLanguages: SupportedLanguage[],\n  validation: z.ZodTypeAny,\n): z.ZodTypeAny {\n  const schemaDefinition: { [key: string]: z.ZodTypeAny } =\n    supportedLanguages.reduce((acc: SchemaAccumulator, { value }) => {\n      acc[value] = validation;\n      return acc;\n    }, {});\n\n  return z.object(schemaDefinition).superRefine((data, ctx) => {\n    const hasValue = Object.values(data).some(\n      (value) => typeof value === 'string' && value.trim().length > 0,\n    );\n\n    if (!hasValue) {\n      for (const { value } of supportedLanguages) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: 'field is required',\n          path: [value],\n        });\n      }\n    }\n  });\n}\n"],"mappings":"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","names":["useEffect","DisableDevtool","useEffect","z","jsx","jsxs","jsx","z"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mesob/ui",
-  "version": "0.5.4",
+  "version": "0.5.6",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -31,6 +31,11 @@
       "default": "./src/styles/themes.css",
       "import": "./src/styles/themes.css",
       "require": "./src/styles/themes.css"
+    },
+    "./styles/*": {
+      "default": "./src/styles/*",
+      "import": "./src/styles/*",
+      "require": "./src/styles/*"
     }
   },
   "files": [
@@ -40,6 +45,7 @@
   "dependencies": {
     "@base-ui/react": "^1.1.0",
     "@hookform/resolvers": "^5.2.2",
+    "@mesob/common": "0.5.6",
     "@tabler/icons-react": "^3.35.0",
     "@tanstack/react-table": "^8.21.3",
     "@tiptap/core": "^3.18.0",
@@ -79,8 +85,7 @@
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
     "tw-animate-css": "^1.4.0",
-    "zod": "^4.3.6",
-    "@mesob/common": "0.5.4"
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.11",

package/src/styles/style-lyra.css

@@ -1,4 +1,111 @@
-@import './lyra/button.css';
+.style-lyra {
+  /* MARK: Button */
+  .cn-button {
+    @apply focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-none border border-transparent bg-clip-padding text-xs font-medium focus-visible:ring-1 aria-invalid:ring-1 [&_svg:not([class*='size-'])]:size-4;
+  }
+
+  .cn-button-variant-default {
+    @apply bg-primary text-primary-foreground [a]:hover:bg-primary/80;
+  }
+
+  .cn-button-variant-outline {
+    @apply border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground;
+  }
+
+  .cn-button-variant-secondary {
+    @apply bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground;
+  }
+
+  .cn-button-variant-ghost {
+    @apply hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground;
+  }
+
+  .cn-button-variant-destructive {
+    @apply bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30;
+  }
+
+  .cn-button-variant-link {
+    @apply text-primary underline-offset-4 hover:underline;
+  }
+
+  .cn-button-variant-light {
+    @apply bg-primary/12 text-primary hover:bg-primary/18 dark:bg-primary/20 dark:hover:bg-primary/28;
+  }
+
+  .cn-button-variant-destructive-filled {
+    @apply bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40;
+  }
+
+  .cn-dropdown-button-shell {
+    @apply inline-flex w-fit items-stretch isolate overflow-hidden align-middle;
+  }
+
+  .cn-dropdown-button-main {
+    @apply rounded-r-none! border-r-0;
+  }
+
+  .cn-dropdown-button-trigger {
+    @apply relative -ml-px rounded-l-none! border-l-0;
+  }
+
+  .cn-dropdown-button-trigger::before {
+    @apply bg-border absolute top-1 bottom-1 left-0 w-px content-[''];
+  }
+
+  .cn-dropdown-button-trigger[data-size='xs']::before {
+    @apply top-0.5 bottom-0.5;
+  }
+
+  .cn-dropdown-button-trigger[data-size='sm']::before {
+    @apply top-0.5 bottom-0.5;
+  }
+
+  .cn-dropdown-button-variant-danger {
+    @apply bg-destructive text-destructive-foreground hover:bg-destructive/90;
+  }
+
+  .cn-button-size-xl {
+    @apply h-10 gap-2 px-4.5 has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 text-sm;
+  }
+
+  .cn-button-size-icon-xl {
+    @apply size-10 [&_svg:not([class*='size-'])]:size-4.5;
+  }
+
+  .cn-button-size-xs {
+    @apply h-6 gap-1 rounded-none px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3;
+  }
+
+  .cn-button-size-sm {
+    @apply h-7 gap-1.5 rounded-none px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3.5;
+  }
+
+  .cn-button-size-default {
+    @apply h-8 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5;
+  }
+
+  .cn-button-size-lg {
+    @apply h-9 gap-2 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3;
+  }
+
+  .cn-button-size-icon-xs {
+    @apply size-6 rounded-none [&_svg:not([class*='size-'])]:size-3;
+  }
+
+  .cn-button-size-icon-sm {
+    @apply size-7 rounded-none [&_svg:not([class*='size-'])]:size-3.5;
+  }
+
+  .cn-button-size-icon {
+    @apply size-8 [&_svg:not([class*='size-'])]:size-4;
+  }
+
+  .cn-button-size-icon-lg {
+    @apply size-9 [&_svg:not([class*='size-'])]:size-4;
+  }
+
+}
+
 
 .style-lyra {
   /* MARK: Accordion */
@@ -388,7 +495,15 @@
 
   /* MARK: Card */
   .cn-card {
-    @apply ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-none py-2 text-xs/relaxed ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-2 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-none *:[img:last-child]:rounded-none;
+    @apply ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-none text-xs/relaxed ring-1 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-none *:[img:last-child]:rounded-none;
+  }
+
+  .cn-card:not([data-sectioned]) {
+    @apply py-2 has-data-[slot=card-footer]:pb-0;
+  }
+
+  .cn-card[data-sectioned] {
+    @apply gap-0 py-0;
   }
 
   .cn-card-with-border {
@@ -404,23 +519,151 @@
   }
 
   .cn-card-header {
-    @apply gap-1 rounded-none px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3;
+    @apply gap-1 items-start rounded-none px-3 [.border-b]:pb-4 has-data-[slot=card-action]:gap-x-4 has-data-[slot=card-action]:gap-y-1;
+  }
+
+  .cn-card-header:has([data-slot='card-action']):not(:has([data-slot='card-description'])) {
+    @apply items-center py-1.5;
+  }
+
+  .cn-card-header:has([data-slot='card-action']):not(:has([data-slot='card-description']))
+    .cn-card-title {
+    @apply flex items-center;
+  }
+
+  .cn-card[data-size='xs']
+    .cn-card-header:has([data-slot='card-action']):not(:has([data-slot='card-description']))
+    .cn-card-title {
+    @apply min-h-6 leading-6;
+  }
+
+  .cn-card[data-size='sm']
+    .cn-card-header:has([data-slot='card-action']):not(:has([data-slot='card-description']))
+    .cn-card-title {
+    @apply min-h-7 leading-7;
+  }
+
+  .cn-card[data-size='md']
+    .cn-card-header:has([data-slot='card-action']):not(:has([data-slot='card-description']))
+    .cn-card-title {
+    @apply min-h-7 leading-7;
+  }
+
+  .cn-card[data-size='lg']
+    .cn-card-header:has([data-slot='card-action']):not(:has([data-slot='card-description']))
+    .cn-card-title {
+    @apply min-h-8 leading-8;
+  }
+
+  .cn-card[data-size='xl']
+    .cn-card-header:has([data-slot='card-action']):not(:has([data-slot='card-description']))
+    .cn-card-title {
+    @apply min-h-9 leading-9;
   }
 
   .cn-card-title {
-    @apply text-sm font-medium group-data-[size=sm]/card:text-sm;
+    @apply text-sm font-medium;
+  }
+
+  .cn-card[data-size='xs'] .cn-card-title {
+    @apply text-xs leading-tight;
+  }
+
+  .cn-card[data-size='sm'] .cn-card-title {
+    @apply text-xs font-medium;
+  }
+
+  .cn-card[data-size='md'] .cn-card-title {
+    @apply text-sm;
+  }
+
+  .cn-card[data-size='lg'] .cn-card-title {
+    @apply text-base;
+  }
+
+  .cn-card[data-size='xl'] .cn-card-title {
+    @apply text-lg;
   }
 
   .cn-card-description {
     @apply text-muted-foreground text-xs/relaxed;
   }
 
+  .cn-card[data-size='lg'] .cn-card-description,
+  .cn-card[data-size='xl'] .cn-card-description {
+    @apply text-sm;
+  }
+
   .cn-card-content {
-    @apply px-4 group-data-[size=sm]/card:px-3;
+    @apply px-4 py-4;
   }
 
   .cn-card-footer {
-    @apply rounded-none border-t p-4 group-data-[size=sm]/card:p-3;
+    @apply rounded-none border-t;
+  }
+
+  .cn-card:not([data-sectioned]) .cn-card-footer {
+    @apply p-3;
+  }
+
+  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-header'] {
+    @apply px-2.5 py-2 has-data-[slot=card-action]:gap-x-3;
+  }
+
+  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-content'] {
+    @apply px-2.5 py-3;
+  }
+
+  .cn-card[data-sectioned][data-size='xs'] [data-slot='card-footer'] {
+    @apply px-2.5 py-2;
+  }
+
+  .cn-card[data-sectioned][data-size='sm'] [data-slot='card-header'] {
+    @apply px-2.5 py-2 has-data-[slot=card-action]:gap-x-3;
+  }
+
+  .cn-card[data-sectioned][data-size='sm'] [data-slot='card-content'] {
+    @apply px-2.5 py-3;
+  }
+
+  .cn-card[data-sectioned][data-size='sm'] [data-slot='card-footer'] {
+    @apply px-2.5 py-2;
+  }
+
+  .cn-card[data-sectioned][data-size='md'] [data-slot='card-header'] {
+    @apply px-3 py-2 has-data-[slot=card-action]:gap-x-4;
+  }
+
+  .cn-card[data-sectioned][data-size='md'] [data-slot='card-content'] {
+    @apply px-3 py-4;
+  }
+
+  .cn-card[data-sectioned][data-size='md'] [data-slot='card-footer'] {
+    @apply px-3 py-2;
+  }
+
+  .cn-card[data-sectioned][data-size='lg'] [data-slot='card-header'] {
+    @apply px-4 py-4 has-data-[slot=card-action]:gap-x-4;
+  }
+
+  .cn-card[data-sectioned][data-size='lg'] [data-slot='card-content'] {
+    @apply px-4 py-5;
+  }
+
+  .cn-card[data-sectioned][data-size='lg'] [data-slot='card-footer'] {
+    @apply px-4 py-4;
+  }
+
+  .cn-card[data-sectioned][data-size='xl'] [data-slot='card-header'] {
+    @apply px-5 py-5 has-data-[slot=card-action]:gap-x-4;
+  }
+
+  .cn-card[data-sectioned][data-size='xl'] [data-slot='card-content'] {
+    @apply px-5 py-6;
+  }
+
+  .cn-card[data-sectioned][data-size='xl'] [data-slot='card-footer'] {
+    @apply px-5 py-5;
   }
 
   /* MARK: Chart */