singularity-components 0.1.140 → 0.1.193

package/dist/components/primitives/text/text-code.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const textCodeVariants: {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+    };
+};
+declare const textCodeVariantsProps: (props?: ({
+    size?: "base" | "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TextCodeProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textCodeVariantsProps> {
+}
+declare const TextCode: ({ children, size, className, ...props }: TextCodeProps) => react_jsx_runtime.JSX.Element;
+
+export { TextCode, type TextCodeProps, textCodeVariants, textCodeVariantsProps };

package/dist/components/primitives/text/text-code.js

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../utils/index.js";
+import { TextElement, textElementSize } from "./internal/text-element.js";
+import { cva } from "class-variance-authority";
+const textCodeVariants = {
+  size: textElementSize
+};
+const textCodeVariantsProps = cva(
+  "sg:bg-muted sg:px-1.5 sg:py-0.5 sg:rounded",
+  {
+    variants: textCodeVariants,
+    defaultVariants: {
+      size: "base"
+    }
+  }
+);
+const TextCode = ({
+  children,
+  size,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    TextElement,
+    {
+      as: "code",
+      foreground: "foreground",
+      className: cn(
+        textCodeVariantsProps({
+          size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+export {
+  TextCode,
+  textCodeVariants,
+  textCodeVariantsProps
+};
+//# sourceMappingURL=text-code.js.map

package/dist/components/primitives/text/text-code.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/text/text-code.tsx"],"sourcesContent":["import { cn } from \"../../../utils/index\";\nimport { TextElement, textElementSize } from \"./internal/text-element\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const textCodeVariants = {\n  size: textElementSize,\n};\n\nexport const textCodeVariantsProps = cva(\n  \"sg:bg-muted sg:px-1.5 sg:py-0.5 sg:rounded\",\n  {\n    variants: textCodeVariants,\n    defaultVariants: {\n      size: \"base\",\n    },\n  },\n);\n\nexport interface TextCodeProps\n  extends\n    React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof textCodeVariantsProps> {}\n\nexport const TextCode = ({\n  children,\n  size,\n  className,\n  ...props\n}: TextCodeProps) => {\n  return (\n    <TextElement\n      as=\"code\"\n      foreground=\"foreground\"\n      className={cn(\n        textCodeVariantsProps({\n          size,\n        }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AA8BI;AA9BJ,SAAS,UAAU;AACnB,SAAS,aAAa,uBAAuB;AAC7C,SAAS,WAA8B;AAEhC,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AACR;AAEO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,IACV,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAOO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqB;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,YAAW;AAAA,MACX,WAAW;AAAA,QACT,sBAAsB;AAAA,UACpB;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/primitives/text/text-div.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextElementProps } from './internal/text-element.js';
 import { OmitClassProperty } from '../../../lib/types.js';
+import { TextElementProps } from './internal/text-element.js';
 import 'class-variance-authority/types';
 import 'react';
 import 'class-variance-authority';

package/dist/components/primitives/text/text-div.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils/index.js";
 import {
   TextElement,
   textElementVariantsProps
-} from "./internal/text-element";
+} from "./internal/text-element.js";
 const TextDiv = ({
   children,
   size,

package/dist/components/primitives/text/text-div.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/text/text-div.tsx"],"sourcesContent":["import { cn } from \"../../../utils\";\nimport {\n  TextElement,\n  textElementVariantsProps,\n  type TextElementProps,\n} from \"./internal/text-element\";\nimport type { OmitClassProperty } from \"@/lib/types\";\n\nexport const TextDiv = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"div\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AAiBI;AAjBJ,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAGA,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/text/text-div.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"singularity-components/lib/types\";\nimport { cn } from \"../../../utils/index\";\nimport {\n  TextElement,\n  textElementVariantsProps,\n  type TextElementProps,\n} from \"./internal/text-element\";\n\nexport const TextDiv = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"div\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AAiBI;AAhBJ,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAEA,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/primitives/text/text-span.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils/index.js";
 import {
   TextElement,
   textElementVariantsProps
-} from "./internal/text-element";
+} from "./internal/text-element.js";
 const TextSpan = ({
   children,
   size,

package/dist/components/primitives/text/text-span.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/text/text-span.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"@/lib/types\";\nimport { cn } from \"../../../utils\";\nimport {\n  type TextElementProps,\n  TextElement,\n  textElementVariantsProps,\n} from \"./internal/text-element\";\n\nexport const TextSpan = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"span\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AAiBI;AAhBJ,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/text/text-span.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"singularity-components/lib/types\";\nimport { cn } from \"../../../utils/index\";\nimport {\n  type TextElementProps,\n  TextElement,\n  textElementVariantsProps,\n} from \"./internal/text-element\";\n\nexport const TextSpan = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"span\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AAiBI;AAhBJ,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/primitives/text/text-time.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils/index.js";
 import {
   TextElement,
   textElementVariantsProps
-} from "./internal/text-element";
+} from "./internal/text-element.js";
 const TextTime = ({
   children,
   size,

package/dist/components/primitives/text/text-time.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/text/text-time.tsx"],"sourcesContent":["import { cn } from \"../../../utils\";\nimport {\n  type TextElementProps,\n  TextElement,\n  textElementVariantsProps,\n} from \"./internal/text-element\";\nimport type { OmitClassProperty } from \"@/lib/types\";\n\nexport const TextTime = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"time\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AAiBI;AAjBJ,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAGA,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/text/text-time.tsx"],"sourcesContent":["import { cn } from \"../../../utils/index\";\nimport {\n  type TextElementProps,\n  TextElement,\n  textElementVariantsProps,\n} from \"./internal/text-element\";\nimport type { OmitClassProperty } from \"singularity-components/lib/types\";\n\nexport const TextTime = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"time\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AAiBI;AAjBJ,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAGA,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/primitives/text/text.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { OmitClassProperty } from '../../../lib/types.js';
+import { TextElementProps } from './internal/text-element.js';
+import 'react';
+import 'class-variance-authority';
+
+declare const textVariants: {
+    variant: {};
+};
+declare const textVariantsProps: (props?: ({
+    variant?: null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Text: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
+
+export { Text, textVariants, textVariantsProps };

package/dist/components/primitives/text/{text-paragraph.js → text.js}

@@ -1,10 +1,18 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils/index.js";
 import {
   TextElement,
   textElementVariantsProps
-} from "./internal/text-element";
-const TextParagraph = ({
+} from "./internal/text-element.js";
+import { cva } from "class-variance-authority";
+const textVariants = {
+  variant: {}
+};
+const textVariantsProps = cva("sg:leading-relaxed", {
+  variants: textVariants,
+  defaultVariants: {}
+});
+const Text = ({
   children,
   size,
   foreground,
@@ -22,6 +30,7 @@ const TextParagraph = ({
           foreground,
           fontweight
         }),
+        textVariantsProps({}),
         className
       ),
       ...props,
@@ -30,6 +39,8 @@ const TextParagraph = ({
   );
 };
 export {
-  TextParagraph
+  Text,
+  textVariants,
+  textVariantsProps
 };
-//# sourceMappingURL=text-paragraph.js.map
+//# sourceMappingURL=text.js.map

package/dist/components/primitives/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/text/text.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"singularity-components/lib/types\";\nimport { cn } from \"../../../utils/index\";\nimport {\n  type TextElementProps,\n  TextElement,\n  textElementVariantsProps,\n} from \"./internal/text-element\";\nimport { cva } from \"class-variance-authority\";\n\nexport const textVariants = {\n  variant: {},\n};\n\nexport const textVariantsProps = cva(\"sg:leading-relaxed\", {\n  variants: textVariants,\n  defaultVariants: {},\n});\n\nexport const Text = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"p\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        textVariantsProps({}),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AA2BI;AA1BJ,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW;AAEb,MAAM,eAAe;AAAA,EAC1B,SAAS,CAAC;AACZ;AAEO,MAAM,oBAAoB,IAAI,sBAAsB;AAAA,EACzD,UAAU;AAAA,EACV,iBAAiB,CAAC;AACpB,CAAC;AAEM,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD,kBAAkB,CAAC,CAAC;AAAA,QACpB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/primitives/{ui-image.d.ts → ui-image/ui-image.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { BaseImageProps } from '../providers/ImageContext.js';
+import { BaseImageProps } from '../../providers/ImageContext.js';
 import 'react';
 
 type Props = {

package/dist/components/primitives/{ui-image.js → ui-image/ui-image.js}

@@ -1,20 +1,17 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useIsClient } from "singularity-components/lib";
 import {
   DefaultImage,
   useImage
-} from "../providers/ImageContext";
-import { Skeleton } from "./skeleton/skeleton";
+} from "singularity-components/components/providers/ImageContext";
+import { Skeleton } from "../skeleton/skeleton.js";
 function UiImage({
   showServerSideDefaultImageComponent,
   ...props
 }) {
-  const [isClient, setIsClient] = useState(false);
+  const isClient = useIsClient();
   const ImageComponent = useImage();
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
   if (!isClient) {
     if (showServerSideDefaultImageComponent) {
       return /* @__PURE__ */ jsx(

package/dist/components/primitives/ui-image/ui-image.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/ui-image/ui-image.tsx"],"sourcesContent":["\"use client\";\r\nimport { useIsClient } from \"singularity-components/lib\";\r\nimport {\r\n  DefaultImage,\r\n  useImage,\r\n  type BaseImageProps,\r\n} from \"singularity-components/components/providers/ImageContext\";\r\nimport { Skeleton } from \"../skeleton/skeleton\";\r\n\r\ntype Props = {\r\n  showServerSideDefaultImageComponent?: boolean;\r\n} & BaseImageProps;\r\n\r\nexport function UiImage({\r\n  showServerSideDefaultImageComponent,\r\n  ...props\r\n}: Props) {\r\n  const isClient = useIsClient();\r\n\r\n  const ImageComponent = useImage();\r\n\r\n  if (!isClient) {\r\n    if (showServerSideDefaultImageComponent) {\r\n      return (\r\n        <DefaultImage\r\n          src={props.src}\r\n          alt={props.alt}\r\n          className={props.className}\r\n        />\r\n      );\r\n    } else {\r\n      return <Skeleton />;\r\n    }\r\n  }\r\n\r\n  return <ImageComponent {...props} />;\r\n}\r\n"],"mappings":";AAwBQ;AAvBR,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,gBAAgB;AAMlB,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,GAAG;AACL,GAAU;AACR,QAAM,WAAW,YAAY;AAE7B,QAAM,iBAAiB,SAAS;AAEhC,MAAI,CAAC,UAAU;AACb,QAAI,qCAAqC;AACvC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,MAAM;AAAA,UACX,KAAK,MAAM;AAAA,UACX,WAAW,MAAM;AAAA;AAAA,MACnB;AAAA,IAEJ,OAAO;AACL,aAAO,oBAAC,YAAS;AAAA,IACnB;AAAA,EACF;AAEA,SAAO,oBAAC,kBAAgB,GAAG,OAAO;AACpC;","names":[]}

package/dist/components/primitives/ui-link/ui-link.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BaseLinkProps } from '../../providers/LinkContext.js';
+import 'react';
+
+type Props = BaseLinkProps;
+declare const UiLink: ({ ...props }: Props) => react_jsx_runtime.JSX.Element;
+
+export { UiLink };

package/dist/components/primitives/ui-link/ui-link.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useIsClient } from "singularity-components/lib";
+import {
+  useLink,
+  DefaultLink
+} from "../../providers/index.js";
+const UiLink = ({ ...props }) => {
+  const isClient = useIsClient();
+  const LinkComponent = useLink();
+  if (!isClient) {
+    return /* @__PURE__ */ jsx(DefaultLink, { to: props.to, className: props.className, children: props.children });
+  }
+  return /* @__PURE__ */ jsx(LinkComponent, { className: props.className, ...props, children: props.children });
+};
+export {
+  UiLink
+};
+//# sourceMappingURL=ui-link.js.map

package/dist/components/primitives/ui-link/ui-link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/ui-link/ui-link.tsx"],"sourcesContent":["\"use client\";\r\nimport { useIsClient } from \"singularity-components/lib\";\r\nimport {\r\n  type BaseLinkProps,\r\n  useLink,\r\n  DefaultLink,\r\n} from \"../../providers/index\";\r\n\r\ntype Props = BaseLinkProps;\r\n\r\nexport const UiLink = ({ ...props }: Props) => {\r\n  const isClient = useIsClient();\r\n  const LinkComponent = useLink();\r\n\r\n  if (!isClient) {\r\n    return (\r\n      <DefaultLink to={props.to} className={props.className}>\r\n        {props.children}\r\n      </DefaultLink>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <LinkComponent className={props.className} {...props}>\r\n      {props.children}\r\n    </LinkComponent>\r\n  );\r\n};\r\n"],"mappings":";AAgBM;AAfN,SAAS,mBAAmB;AAC5B;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAIA,MAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAa;AAC7C,QAAM,WAAW,YAAY;AAC7B,QAAM,gBAAgB,QAAQ;AAE9B,MAAI,CAAC,UAAU;AACb,WACE,oBAAC,eAAY,IAAI,MAAM,IAAI,WAAW,MAAM,WACzC,gBAAM,UACT;AAAA,EAEJ;AAEA,SACE,oBAAC,iBAAc,WAAW,MAAM,WAAY,GAAG,OAC5C,gBAAM,UACT;AAEJ;","names":[]}

package/dist/components/providers/LinkContext.d.ts

@@ -1,7 +1,7 @@
 import React__default, { HTMLAttributeAnchorTarget, ReactNode } from 'react';
 
 interface BaseLinkProps {
-    href: string;
+    to: string;
     target?: HTMLAttributeAnchorTarget;
     className?: string;
     [key: string]: any;

package/dist/components/providers/LinkContext.js

@@ -4,7 +4,7 @@ import React, {
   createContext,
   useContext
 } from "react";
-const DefaultLink = ({ href, ...rest }) => /* @__PURE__ */ jsx("a", { href, ...rest });
+const DefaultLink = ({ to, ...rest }) => /* @__PURE__ */ jsx("a", { href: to, ...rest });
 const LinkContext = createContext({
   LinkComponent: DefaultLink
 });

package/dist/components/providers/LinkContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/providers/LinkContext.tsx"],"sourcesContent":["\"use client\";\r\nimport React, {\r\n  createContext,\r\n  useContext,\r\n  type HTMLAttributeAnchorTarget,\r\n  type ReactNode,\r\n} from \"react\";\r\n\r\nexport interface BaseLinkProps {\r\n  href: string;\r\n  target?: HTMLAttributeAnchorTarget;\r\n  className?: string;\r\n  [key: string]: any; // allow framework-specific props\r\n}\r\n\r\n// Define the LinkComponent type\r\nexport type LinkComponentType<P extends BaseLinkProps = BaseLinkProps> =\r\n  React.ComponentType<P>;\r\n\r\n// Define the context value\r\ninterface LinkContextValue {\r\n  LinkComponent: LinkComponentType;\r\n}\r\n\r\n// Default <a> fallback\r\nexport const DefaultLink: LinkComponentType = ({ href, ...rest }) => (\r\n  <a href={href} {...rest} />\r\n);\r\n\r\n// Create the context\r\nconst LinkContext = createContext<LinkContextValue>({\r\n  LinkComponent: DefaultLink,\r\n});\r\n\r\n// Provider props (type-safe)\r\ninterface LinkProviderProps {\r\n  LinkComponent: LinkComponentType;\r\n  children: ReactNode;\r\n}\r\n\r\nexport const LinkProvider: React.FC<LinkProviderProps> = ({\r\n  LinkComponent,\r\n  children,\r\n}) => (\r\n  <LinkContext.Provider value={{ LinkComponent }}>\r\n    {children}\r\n  </LinkContext.Provider>\r\n);\r\n\r\nexport const useLink = <\r\n  P extends BaseLinkProps = BaseLinkProps\r\n>(): LinkComponentType<P> => {\r\n  const ctx = useContext(LinkContext);\r\n  if (!ctx) {\r\n    throw new Error(\"useLink must be used within an LinkProvider\");\r\n  }\r\n  return ctx.LinkComponent as LinkComponentType<P>;\r\n};\r\n"],"mappings":";AA0BE;AAzBF,OAAO;AAAA,EACL;AAAA,EACA;AAAA,OAGK;AAmBA,MAAM,cAAiC,CAAC,EAAE,MAAM,GAAG,KAAK,MAC7D,oBAAC,OAAE,MAAa,GAAG,MAAM;AAI3B,MAAM,cAAc,cAAgC;AAAA,EAClD,eAAe;AACjB,CAAC;AAQM,MAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AACF,MACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,cAAc,GAC1C,UACH;AAGK,MAAM,UAAU,MAEM;AAC3B,QAAM,MAAM,WAAW,WAAW;AAClC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,6CAA6C;AAAA,EAC/D;AACA,SAAO,IAAI;AACb;","names":[]}
+{"version":3,"sources":["../../../src/components/providers/LinkContext.tsx"],"sourcesContent":["\"use client\";\r\nimport React, {\r\n  createContext,\r\n  useContext,\r\n  type HTMLAttributeAnchorTarget,\r\n  type ReactNode,\r\n} from \"react\";\r\n\r\nexport interface BaseLinkProps {\r\n  to: string;\r\n  target?: HTMLAttributeAnchorTarget;\r\n  className?: string;\r\n  [key: string]: any; // allow framework-specific props\r\n}\r\n\r\n// Define the LinkComponent type\r\nexport type LinkComponentType<P extends BaseLinkProps = BaseLinkProps> =\r\n  React.ComponentType<P>;\r\n\r\n// Define the context value\r\ninterface LinkContextValue {\r\n  LinkComponent: LinkComponentType;\r\n}\r\n\r\n// Default <a> fallback\r\nexport const DefaultLink: LinkComponentType = ({ to, ...rest }) => (\r\n  <a href={to} {...rest} />\r\n);\r\n\r\n// Create the context\r\nconst LinkContext = createContext<LinkContextValue>({\r\n  LinkComponent: DefaultLink,\r\n});\r\n\r\n// Provider props (type-safe)\r\ninterface LinkProviderProps {\r\n  LinkComponent: LinkComponentType;\r\n  children: ReactNode;\r\n}\r\n\r\nexport const LinkProvider: React.FC<LinkProviderProps> = ({\r\n  LinkComponent,\r\n  children,\r\n}) => (\r\n  <LinkContext.Provider value={{ LinkComponent }}>\r\n    {children}\r\n  </LinkContext.Provider>\r\n);\r\n\r\nexport const useLink = <\r\n  P extends BaseLinkProps = BaseLinkProps,\r\n>(): LinkComponentType<P> => {\r\n  const ctx = useContext(LinkContext);\r\n  if (!ctx) {\r\n    throw new Error(\"useLink must be used within an LinkProvider\");\r\n  }\r\n  return ctx.LinkComponent as LinkComponentType<P>;\r\n};\r\n"],"mappings":";AA0BE;AAzBF,OAAO;AAAA,EACL;AAAA,EACA;AAAA,OAGK;AAmBA,MAAM,cAAiC,CAAC,EAAE,IAAI,GAAG,KAAK,MAC3D,oBAAC,OAAE,MAAM,IAAK,GAAG,MAAM;AAIzB,MAAM,cAAc,cAAgC;AAAA,EAClD,eAAe;AACjB,CAAC;AAQM,MAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AACF,MACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,cAAc,GAC1C,UACH;AAGK,MAAM,UAAU,MAEM;AAC3B,QAAM,MAAM,WAAW,WAAW;AAClC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,6CAA6C;AAAA,EAC/D;AACA,SAAO,IAAI;AACb;","names":[]}

package/dist/components/providers/SingularityContext.d.ts

@@ -1,10 +1,13 @@
+import React__default, { ReactNode } from 'react';
 import { ImageComponentType } from './ImageContext.js';
 import { LinkComponentType } from './LinkContext.js';
-import React__default, { ReactNode } from 'react';
+import { Theme } from './theme-provider.js';
+import 'react/jsx-runtime';
 
 interface SingularityProviderProps {
     ImageComponent?: ImageComponentType;
     LinkComponent?: LinkComponentType;
+    defaultTheme?: Theme;
     children: ReactNode;
 }
 declare const SingularityProvider: React__default.FC<SingularityProviderProps>;

package/dist/components/providers/SingularityContext.js

@@ -4,17 +4,21 @@ import React, {} from "react";
 import {
   ImageProvider,
   DefaultImage
-} from "./ImageContext";
+} from "./ImageContext.js";
 import {
   LinkProvider,
   DefaultLink
-} from "./LinkContext";
+} from "./LinkContext.js";
+import {
+  ThemeProvider
+} from "./theme-provider.js";
 const SingularityProvider = ({
   ImageComponent = DefaultImage,
   LinkComponent = DefaultLink,
+  defaultTheme = "system",
   children
 }) => {
-  return /* @__PURE__ */ jsx(ImageProvider, { ImageComponent, children: /* @__PURE__ */ jsx(LinkProvider, { LinkComponent, children }) });
+  return /* @__PURE__ */ jsx(ThemeProvider, { defaultTheme, children: /* @__PURE__ */ jsx(ImageProvider, { ImageComponent, children: /* @__PURE__ */ jsx(LinkProvider, { LinkComponent, children }) }) });
 };
 export {
   SingularityProvider

package/dist/components/providers/SingularityContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/providers/SingularityContext.tsx"],"sourcesContent":["\"use client\";\nimport React, { type ReactNode } from \"react\";\nimport {\n  ImageProvider,\n  type ImageComponentType,\n  DefaultImage,\n} from \"./ImageContext\";\nimport {\n  LinkProvider,\n  type LinkComponentType,\n  DefaultLink,\n} from \"./LinkContext\";\n\ninterface SingularityProviderProps {\n  ImageComponent?: ImageComponentType;\n  LinkComponent?: LinkComponentType;\n  children: ReactNode;\n}\n\nexport const SingularityProvider: React.FC<SingularityProviderProps> = ({\n  ImageComponent = DefaultImage,\n  LinkComponent = DefaultLink,\n  children,\n}) => {\n  return (\n    <ImageProvider ImageComponent={ImageComponent}>\n      <LinkProvider LinkComponent={LinkComponent}>{children}</LinkProvider>\n    </ImageProvider>\n  );\n};\n"],"mappings":";AA0BM;AAzBN,OAAO,eAA+B;AACtC;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AAQA,MAAM,sBAA0D,CAAC;AAAA,EACtE,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB;AACF,MAAM;AACJ,SACE,oBAAC,iBAAc,gBACb,8BAAC,gBAAa,eAA+B,UAAS,GACxD;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/providers/SingularityContext.tsx"],"sourcesContent":["\"use client\";\nimport React, { type ReactNode } from \"react\";\nimport {\n  ImageProvider,\n  type ImageComponentType,\n  DefaultImage,\n} from \"./ImageContext\";\nimport {\n  LinkProvider,\n  type LinkComponentType,\n  DefaultLink,\n} from \"./LinkContext\";\n\nimport {\n  ThemeProvider,\n  type Theme,\n} from \"./theme-provider\";\n\ninterface SingularityProviderProps {\n  ImageComponent?: ImageComponentType;\n  LinkComponent?: LinkComponentType;\n  defaultTheme?: Theme;\n  children: ReactNode;\n}\n\nexport const SingularityProvider: React.FC<SingularityProviderProps> = ({\n  ImageComponent = DefaultImage,\n  LinkComponent = DefaultLink,\n  defaultTheme = \"system\",\n  children,\n}) => {\n  return (\n    <ThemeProvider defaultTheme={defaultTheme}>\n      <ImageProvider ImageComponent={ImageComponent}>\n        <LinkProvider LinkComponent={LinkComponent}>{children}</LinkProvider>\n      </ImageProvider>\n    </ThemeProvider>\n  );\n};\n"],"mappings":";AAkCQ;AAjCR,OAAO,eAA+B;AACtC;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,OAEK;AASA,MAAM,sBAA0D,CAAC;AAAA,EACtE,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf;AACF,MAAM;AACJ,SACE,oBAAC,iBAAc,cACb,8BAAC,iBAAc,gBACb,8BAAC,gBAAa,eAA+B,UAAS,GACxD,GACF;AAEJ;","names":[]}

package/dist/components/providers/auth-provider.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface AuthContextType {
+    isLoggedIn: boolean;
+    userName: string;
+    login: (name: string) => void;
+    logout: () => void;
+}
+declare function AuthProvider({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare const useAuth: () => AuthContextType;
+
+export { AuthProvider, useAuth };

package/dist/components/providers/auth-provider.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from "react";
+const AuthContext = createContext({
+  isLoggedIn: false,
+  userName: "",
+  login: () => {
+  },
+  logout: () => {
+  }
+});
+function AuthProvider({ children }) {
+  const [isLoggedIn, setIsLoggedIn] = useState(false);
+  const [userName, setUserName] = useState("");
+  const login = (name) => {
+    setIsLoggedIn(true);
+    setUserName(name);
+  };
+  const logout = () => {
+    setIsLoggedIn(false);
+    setUserName("");
+  };
+  return /* @__PURE__ */ jsx(AuthContext.Provider, { value: { isLoggedIn, userName, login, logout }, children });
+}
+const useAuth = () => useContext(AuthContext);
+export {
+  AuthProvider,
+  useAuth
+};
+//# sourceMappingURL=auth-provider.js.map

package/dist/components/providers/auth-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/providers/auth-provider.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext, useState, type ReactNode } from \"react\";\n\ninterface AuthContextType {\n  isLoggedIn: boolean;\n  userName: string;\n  login: (name: string) => void;\n  logout: () => void;\n}\n\nconst AuthContext = createContext<AuthContextType>({\n  isLoggedIn: false,\n  userName: \"\",\n  login: () => {},\n  logout: () => {},\n});\n\nexport function AuthProvider({ children }: { children: ReactNode }) {\n  const [isLoggedIn, setIsLoggedIn] = useState(false);\n  const [userName, setUserName] = useState(\"\");\n\n  const login = (name: string) => {\n    setIsLoggedIn(true);\n    setUserName(name);\n  };\n\n  const logout = () => {\n    setIsLoggedIn(false);\n    setUserName(\"\");\n  };\n\n  return (\n    <AuthContext.Provider value={{ isLoggedIn, userName, login, logout }}>\n      {children}\n    </AuthContext.Provider>\n  );\n}\n\nexport const useAuth = () => useContext(AuthContext);\n"],"mappings":";AAgCI;AA/BJ,SAAS,eAAe,YAAY,gBAAgC;AASpE,MAAM,cAAc,cAA+B;AAAA,EACjD,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,OAAO,MAAM;AAAA,EAAC;AAAA,EACd,QAAQ,MAAM;AAAA,EAAC;AACjB,CAAC;AAEM,SAAS,aAAa,EAAE,SAAS,GAA4B;AAClE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAE3C,QAAM,QAAQ,CAAC,SAAiB;AAC9B,kBAAc,IAAI;AAClB,gBAAY,IAAI;AAAA,EAClB;AAEA,QAAM,SAAS,MAAM;AACnB,kBAAc,KAAK;AACnB,gBAAY,EAAE;AAAA,EAChB;AAEA,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,YAAY,UAAU,OAAO,OAAO,GAChE,UACH;AAEJ;AAEO,MAAM,UAAU,MAAM,WAAW,WAAW;","names":[]}

package/dist/components/providers/index.d.ts

@@ -1,4 +1,7 @@
 export { BaseImageProps, DefaultImage, ImageComponentType, ImageProvider, useImage } from './ImageContext.js';
 export { BaseLinkProps, DefaultLink, LinkComponentType, LinkProvider, useLink } from './LinkContext.js';
 export { SingularityProvider } from './SingularityContext.js';
+export { AuthProvider, useAuth } from './auth-provider.js';
+export { Theme, ThemeProvider, ThemeProviderProps, ThemeProviderState, useTheme } from './theme-provider.js';
 import 'react';
+import 'react/jsx-runtime';

package/dist/components/providers/index.js

@@ -1,4 +1,6 @@
-export * from "./ImageContext";
-export * from "./LinkContext";
-export * from "./SingularityContext";
+export * from "./ImageContext.js";
+export * from "./LinkContext.js";
+export * from "./SingularityContext.js";
+export * from "./auth-provider.js";
+export * from "./theme-provider.js";
 //# sourceMappingURL=index.js.map

package/dist/components/providers/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/providers/index.ts"],"sourcesContent":["export * from \"./ImageContext\";\r\nexport * from \"./LinkContext\";\r\nexport * from \"./SingularityContext\";"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/providers/index.ts"],"sourcesContent":["/**\n * Providers index\n *\n * Please keep exports sorted alphabetically by path!\n */\n\nexport * from \"./ImageContext\";\nexport * from \"./LinkContext\";\nexport * from \"./SingularityContext\";\nexport * from \"./auth-provider\";\nexport * from \"./theme-provider\";\n"],"mappings":"AAMA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/providers/theme-provider.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type Theme = "dark" | "light" | "system";
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+};
+type ThemeProviderState = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+    toggleTheme: () => void;
+    resolvedTheme: "light" | "dark";
+    mounted: boolean;
+};
+/**
+ * ThemeProvider component that manages the application's theme state.
+ * Supports "light", "dark", and "system" modes.
+ * Default is "system" with a fallback to "dark".
+ */
+declare function ThemeProvider({ children, defaultTheme, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Hook to access the current theme and setTheme function.
+ */
+declare const useTheme: () => ThemeProviderState;
+
+export { type Theme, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, useTheme };

package/dist/components/providers/theme-provider.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+const initialState = {
+  theme: "system",
+  setTheme: () => null,
+  toggleTheme: () => null,
+  resolvedTheme: "dark",
+  mounted: false
+};
+const ThemeProviderContext = React.createContext(initialState);
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  ...props
+}) {
+  const [theme, setThemeState] = React.useState(defaultTheme);
+  const [systemTheme, setSystemTheme] = React.useState("dark");
+  const [mounted, setMounted] = React.useState(false);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const currentSystem = mediaQuery.matches ? "dark" : "light";
+    setSystemTheme(currentSystem);
+    const handleChange = () => {
+      setSystemTheme(mediaQuery.matches ? "dark" : "light");
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    setMounted(true);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, []);
+  const resolvedTheme = React.useMemo(() => {
+    if (theme === "system") return systemTheme;
+    return theme;
+  }, [theme, systemTheme]);
+  React.useEffect(() => {
+    if (!mounted) return;
+    const root = window.document.documentElement;
+    root.classList.remove("light", "dark");
+    root.classList.add(resolvedTheme);
+  }, [resolvedTheme, mounted]);
+  const value = React.useMemo(
+    () => ({
+      theme,
+      setTheme: (newTheme) => {
+        setThemeState(newTheme);
+      },
+      toggleTheme: () => {
+        setThemeState((prev) => {
+          let currentVisual = prev;
+          if (prev === "system") {
+            const systemMatch = window.matchMedia("(prefers-color-scheme: dark)").matches;
+            currentVisual = systemMatch ? "dark" : "light";
+          }
+          return currentVisual === "dark" ? "light" : "dark";
+        });
+      },
+      resolvedTheme,
+      mounted
+    }),
+    [theme, resolvedTheme, systemTheme, mounted]
+  );
+  return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { ...props, value, children });
+}
+const useTheme = () => {
+  const context = React.useContext(ThemeProviderContext);
+  if (context === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return context;
+};
+export {
+  ThemeProvider,
+  useTheme
+};
+//# sourceMappingURL=theme-provider.js.map

package/dist/components/providers/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/providers/theme-provider.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport type Theme = \"dark\" | \"light\" | \"system\";\n\nexport type ThemeProviderProps = {\n  children: React.ReactNode;\n  defaultTheme?: Theme;\n};\n\nexport type ThemeProviderState = {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n  toggleTheme: () => void;\n  resolvedTheme: \"light\" | \"dark\";\n  mounted: boolean;\n};\n\nconst initialState: ThemeProviderState = {\n  theme: \"system\",\n  setTheme: () => null,\n  toggleTheme: () => null,\n  resolvedTheme: \"dark\",\n  mounted: false,\n};\n\nconst ThemeProviderContext =\n  React.createContext<ThemeProviderState>(initialState);\n\n/**\n * ThemeProvider component that manages the application's theme state.\n * Supports \"light\", \"dark\", and \"system\" modes.\n * Default is \"system\" with a fallback to \"dark\".\n */\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"system\",\n  ...props\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = React.useState<Theme>(defaultTheme);\n  const [systemTheme, setSystemTheme] = React.useState<\"light\" | \"dark\">(\"dark\"); // Default fallback to dark\n  const [mounted, setMounted] = React.useState(false);\n\n  // Unified initialization effect\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    // 1. Detect System Theme\n    const mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const currentSystem = mediaQuery.matches ? \"dark\" : \"light\";\n    setSystemTheme(currentSystem);\n\n    const handleChange = () => {\n      setSystemTheme(mediaQuery.matches ? \"dark\" : \"light\");\n    };\n    mediaQuery.addEventListener(\"change\", handleChange);\n\n    // 2. Mark as mounted\n    setMounted(true);\n\n    return () => mediaQuery.removeEventListener(\"change\", handleChange);\n  }, []);\n\n  /**\n   * Computed visual theme.\n   * Purely derived from state, with a default fallback to \"dark\".\n   */\n  const resolvedTheme = React.useMemo(() => {\n    if (theme === \"system\") return systemTheme;\n    return theme as \"light\" | \"dark\";\n  }, [theme, systemTheme]);\n\n  // Sync resolved theme to document root\n  React.useEffect(() => {\n    if (!mounted) return;\n\n    const root = window.document.documentElement;\n    root.classList.remove(\"light\", \"dark\");\n    root.classList.add(resolvedTheme);\n  }, [resolvedTheme, mounted]);\n\n  const value = React.useMemo(\n    () => ({\n      theme,\n      setTheme: (newTheme: Theme) => {\n        setThemeState(newTheme);\n      },\n      toggleTheme: () => {\n        setThemeState((prev) => {\n          let currentVisual = prev as \"light\" | \"dark\";\n          if (prev === \"system\") {\n            const systemMatch = window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n            currentVisual = systemMatch ? \"dark\" : \"light\";\n          }\n          \n          return currentVisual === \"dark\" ? \"light\" : \"dark\";\n        });\n      },\n      resolvedTheme,\n      mounted,\n    }),\n    [theme, resolvedTheme, systemTheme, mounted],\n  );\n\n  return (\n    <ThemeProviderContext.Provider {...props} value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  );\n}\n\n/**\n * Hook to access the current theme and setTheme function.\n */\nexport const useTheme = () => {\n  const context = React.useContext(ThemeProviderContext);\n\n  if (context === undefined)\n    throw new Error(\"useTheme must be used within a ThemeProvider\");\n\n  return context;\n};\n"],"mappings":";AA0GI;AAxGJ,YAAY,WAAW;AAiBvB,MAAM,eAAmC;AAAA,EACvC,OAAO;AAAA,EACP,UAAU,MAAM;AAAA,EAChB,aAAa,MAAM;AAAA,EACnB,eAAe;AAAA,EACf,SAAS;AACX;AAEA,MAAM,uBACJ,MAAM,cAAkC,YAAY;AAO/C,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,EACf,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,OAAO,aAAa,IAAI,MAAM,SAAgB,YAAY;AACjE,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAA2B,MAAM;AAC7E,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAGlD,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,WAAW,YAAa;AAGnC,UAAM,aAAa,OAAO,WAAW,8BAA8B;AACnE,UAAM,gBAAgB,WAAW,UAAU,SAAS;AACpD,mBAAe,aAAa;AAE5B,UAAM,eAAe,MAAM;AACzB,qBAAe,WAAW,UAAU,SAAS,OAAO;AAAA,IACtD;AACA,eAAW,iBAAiB,UAAU,YAAY;AAGlD,eAAW,IAAI;AAEf,WAAO,MAAM,WAAW,oBAAoB,UAAU,YAAY;AAAA,EACpE,GAAG,CAAC,CAAC;AAML,QAAM,gBAAgB,MAAM,QAAQ,MAAM;AACxC,QAAI,UAAU,SAAU,QAAO;AAC/B,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,WAAW,CAAC;AAGvB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,QAAS;AAEd,UAAM,OAAO,OAAO,SAAS;AAC7B,SAAK,UAAU,OAAO,SAAS,MAAM;AACrC,SAAK,UAAU,IAAI,aAAa;AAAA,EAClC,GAAG,CAAC,eAAe,OAAO,CAAC;AAE3B,QAAM,QAAQ,MAAM;AAAA,IAClB,OAAO;AAAA,MACL;AAAA,MACA,UAAU,CAAC,aAAoB;AAC7B,sBAAc,QAAQ;AAAA,MACxB;AAAA,MACA,aAAa,MAAM;AACjB,sBAAc,CAAC,SAAS;AACtB,cAAI,gBAAgB;AACpB,cAAI,SAAS,UAAU;AACrB,kBAAM,cAAc,OAAO,WAAW,8BAA8B,EAAE;AACtE,4BAAgB,cAAc,SAAS;AAAA,UACzC;AAEA,iBAAO,kBAAkB,SAAS,UAAU;AAAA,QAC9C,CAAC;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,OAAO,eAAe,aAAa,OAAO;AAAA,EAC7C;AAEA,SACE,oBAAC,qBAAqB,UAArB,EAA+B,GAAG,OAAO,OACvC,UACH;AAEJ;AAKO,MAAM,WAAW,MAAM;AAC5B,QAAM,UAAU,MAAM,WAAW,oBAAoB;AAErD,MAAI,YAAY;AACd,UAAM,IAAI,MAAM,8CAA8C;AAEhE,SAAO;AACT;","names":[]}

package/dist/components/templates/container/container.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+
+type Prop = {
+    children?: React.ReactNode;
+    as?: "body" | "div";
+} & React.HTMLAttributes<HTMLElement>;
+declare function Container({ children, as: Component, className, ...rest }: PropsWithChildren<Prop>): react_jsx_runtime.JSX.Element;
+declare namespace Container {
+    var Header: ({ children, as: Component, ...props }: ChildProp) => react_jsx_runtime.JSX.Element;
+    var Content: ({ children, as: Component, ...props }: ChildProp) => react_jsx_runtime.JSX.Element;
+    var Footer: ({ children, as: Component, ...props }: ChildProp) => react_jsx_runtime.JSX.Element;
+}
+type ChildProp = {
+    children?: React.ReactNode;
+    as?: React.ElementType;
+} & React.HTMLAttributes<HTMLElement>;
+
+export { Container };