@giddaa-housing/ui 1.0.0 → 1.2.0

package/dist/line-chart.js

@@ -1,112 +1,337 @@
 "use client";
-import {
-  cartesianAxisProps
-} from "./chunk-NOFXVRWL.js";
-import {
-  useComponentSize
-} from "./chunk-HL3ZSYES.js";
-import "./chunk-Y4TTYVNE.js";
-
-// src/line-chart.tsx
-var LINE_CHART_LAYOUT = {
-  sm: {
-    height: 64,
-    margin: { top: 6, right: 6, bottom: 0, left: 0 },
-    strokeWidth: 2,
-    dotRadius: 2.5,
-    activeDotRadius: 4,
-    tickFontSize: 9,
-    yAxisWidth: 22,
-    tickMargin: 3
-  },
-  md: {
-    height: 88,
-    margin: { top: 8, right: 8, bottom: 0, left: 0 },
-    strokeWidth: 2,
-    dotRadius: 3,
-    activeDotRadius: 4.5,
-    tickFontSize: 10,
-    yAxisWidth: 24,
-    tickMargin: 4
-  },
-  lg: {
-    height: 108,
-    margin: { top: 10, right: 10, bottom: 0, left: 0 },
-    strokeWidth: 2,
-    dotRadius: 3.5,
-    activeDotRadius: 5,
-    tickFontSize: 11,
-    yAxisWidth: 26,
-    tickMargin: 5
-  },
-  xl: {
-    height: 132,
-    margin: { top: 12, right: 12, bottom: 0, left: 0 },
-    strokeWidth: 2,
-    dotRadius: 4,
-    activeDotRadius: 5.5,
-    tickFontSize: 11,
-    yAxisWidth: 28,
-    tickMargin: 6
-  },
-  huge: {
-    height: 164,
-    margin: { top: 14, right: 14, bottom: 0, left: 0 },
-    strokeWidth: 2,
-    dotRadius: 4.5,
-    activeDotRadius: 6,
-    tickFontSize: 12,
-    yAxisWidth: 30,
-    tickMargin: 7
-  }
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { SizeProvider, useComponentSize } from "./size-context.js";
+import { ChartContainer, cartesianAxisProps } from "./chart.js";
+import { jsx } from "react/jsx-runtime";
+import { Area, AreaChart as AreaChart$1, CartesianGrid, Line, LineChart as LineChart$1, XAxis, YAxis } from "recharts";
+//#region src/line-chart.tsx
+/**
+* Line and area charts are composable wrappers over the recharts cartesian
+* primitives. recharts 3 registers graphical items through context when they
+* render, so the primitives CAN be wrapped in our own components. Each wrapper
+* bakes in the giddaa defaults (tokens, size-scaled type, mark specs) and
+* forwards every recharts prop, so anything can be overridden in place or
+* replaced with the raw recharts element.
+*
+* Anatomy: `LineChart`/`AreaChart` are the plot roots (frame + responsive box +
+* recharts chart); compose the grid, axes, series, and the shared overlays from
+* `./chart` as children. Both roots share the same axis and grid wrappers.
+*
+* @example
+* <ChartCard size="md">
+*   <ChartHeader>
+*     <ChartTitle>Revenue Overview</ChartTitle>
+*     <ChartDescription>Monthly revenue · Jan–Jul</ChartDescription>
+*   </ChartHeader>
+*   <AreaChart config={config} data={data}>
+*     <LineChartGrid />
+*     <LineChartXAxis dataKey="month" />
+*     <LineChartYAxis />
+*     <ChartTooltip content={<ChartTooltipContent />} />
+*     <AreaChartSeries dataKey="revenue" name="Revenue" />
+*   </AreaChart>
+* </ChartCard>
+*/
+/**
+* Categorical series palette — the theme-aware `chart-1`…`chart-3` tokens.
+* Assign colours in this fixed order, never cycled: a fourth series folds into
+* "Other" or becomes a second chart.
+*/
+const LINE_CHART_PALETTE = [
+	"var(--color-chart-1)",
+	"var(--color-chart-2)",
+	"var(--color-chart-3)"
+];
+const DEFAULT_SERIES_COLOR = LINE_CHART_PALETTE[0];
+const LINE_CHART_LAYOUT = {
+	sm: {
+		height: 64,
+		margin: {
+			top: 6,
+			right: 6,
+			bottom: 0,
+			left: 0
+		},
+		strokeWidth: 2,
+		dotRadius: 2.5,
+		activeDotRadius: 4,
+		tickFontSize: 9,
+		yAxisWidth: 22,
+		tickMargin: 3
+	},
+	md: {
+		height: 88,
+		margin: {
+			top: 8,
+			right: 8,
+			bottom: 0,
+			left: 0
+		},
+		strokeWidth: 2,
+		dotRadius: 3,
+		activeDotRadius: 4.5,
+		tickFontSize: 10,
+		yAxisWidth: 24,
+		tickMargin: 4
+	},
+	lg: {
+		height: 108,
+		margin: {
+			top: 10,
+			right: 10,
+			bottom: 0,
+			left: 0
+		},
+		strokeWidth: 2,
+		dotRadius: 3.5,
+		activeDotRadius: 5,
+		tickFontSize: 11,
+		yAxisWidth: 26,
+		tickMargin: 5
+	},
+	xl: {
+		height: 132,
+		margin: {
+			top: 12,
+			right: 12,
+			bottom: 0,
+			left: 0
+		},
+		strokeWidth: 2,
+		dotRadius: 3.5,
+		activeDotRadius: 5,
+		tickFontSize: 11,
+		yAxisWidth: 28,
+		tickMargin: 6
+	},
+	huge: {
+		height: 164,
+		margin: {
+			top: 14,
+			right: 14,
+			bottom: 0,
+			left: 0
+		},
+		strokeWidth: 2,
+		dotRadius: 3.5,
+		activeDotRadius: 5,
+		tickFontSize: 12,
+		yAxisWidth: 30,
+		tickMargin: 7
+	}
 };
+/** Clamp the 5 line-chart sizes to the 3 `ComponentSize` values for children. */
 function toComponentSize(size) {
-  if (size === "xl" || size === "huge") return "lg";
-  return size;
+	if (size === "xl" || size === "huge") return "lg";
+	return size;
 }
-function seriesProps(layout, color) {
-  return {
-    type: "linear",
-    stroke: color,
-    strokeWidth: layout.strokeWidth,
-    strokeLinejoin: "round",
-    strokeLinecap: "round",
-    dot: { r: layout.dotRadius, fill: color, strokeWidth: 0 },
-    activeDot: {
-      r: layout.activeDotRadius,
-      fill: color,
-      stroke: "var(--color-surface-raised)",
-      strokeWidth: 2
-    }
-  };
+/** Resolve the layout for an explicit or inherited line-chart size. */
+function useLineChartSize(size) {
+	const inherited = useComponentSize();
+	const resolved = size ?? inherited;
+	return {
+		size: resolved,
+		layout: LINE_CHART_LAYOUT[resolved] ?? LINE_CHART_LAYOUT.md
+	};
 }
+/**
+* Plot root — wraps the shared `ChartContainer` (tooltip/legend theming,
+* responsive box) around the recharts `LineChart` with a size-scaled height and
+* margin. `size` flows to the child primitives through `SizeProvider` (clamped
+* to `lg` for `xl`/`huge`). Extra props reach the recharts chart (`data`,
+* `syncId`, …).
+*/
+function LineChart({ config = {}, size, className, children, ...props }) {
+	const { size: resolved, layout } = useLineChartSize(size);
+	return /* @__PURE__ */ jsx(SizeProvider, {
+		size: toComponentSize(resolved),
+		children: /* @__PURE__ */ jsx(ChartContainer, {
+			config,
+			className: cn("aspect-auto w-full", className),
+			style: { height: layout.height },
+			children: /* @__PURE__ */ jsx(LineChart$1, {
+				accessibilityLayer: true,
+				margin: layout.margin,
+				...props,
+				children
+			})
+		})
+	});
+}
+/**
+* Plot root for filled trends — identical to `LineChart` but wraps the recharts
+* `AreaChart`, so it hosts `AreaChartSeries` (and the same grid/axes/overlays).
+*/
+function AreaChart({ config = {}, size, className, children, ...props }) {
+	const { size: resolved, layout } = useLineChartSize(size);
+	return /* @__PURE__ */ jsx(SizeProvider, {
+		size: toComponentSize(resolved),
+		children: /* @__PURE__ */ jsx(ChartContainer, {
+			config,
+			className: cn("aspect-auto w-full", className),
+			style: { height: layout.height },
+			children: /* @__PURE__ */ jsx(AreaChart$1, {
+				accessibilityLayer: true,
+				margin: layout.margin,
+				...props,
+				children
+			})
+		})
+	});
+}
+/**
+* Value reference lines — recharts `CartesianGrid` with vertical lines hidden
+* and the visible grid painted with the `line` token (`line-subtle` matches the
+* chart card surface in both themes, so it would vanish).
+*/
+function LineChartGrid(props) {
+	return /* @__PURE__ */ jsx(CartesianGrid, {
+		vertical: false,
+		stroke: "var(--color-line)",
+		...props
+	});
+}
+/**
+* Category (time) axis — recharts `XAxis` with no axis/tick lines, a size-scaled
+* tick margin, and caption-placeholder tick ink. Passing your own `tick`
+* replaces the default styling entirely.
+*/
+function LineChartXAxis({ size, tick, ...props }) {
+	const { layout } = useLineChartSize(size);
+	const axes = cartesianAxisProps({
+		tickMargin: layout.tickMargin,
+		tickFontSize: layout.tickFontSize,
+		yAxisWidth: layout.yAxisWidth
+	});
+	const defaultTick = {
+		...axes.xAxis.tick,
+		fill: "var(--color-fg-caption-placeholder)"
+	};
+	return /* @__PURE__ */ jsx(XAxis, {
+		tickLine: axes.xAxis.tickLine,
+		axisLine: axes.xAxis.axisLine,
+		tickMargin: axes.xAxis.tickMargin,
+		tick: tick ?? defaultTick,
+		...props
+	});
+}
+/**
+* Value axis — recharts `YAxis` with no axis/tick lines, size-scaled tick type,
+* and reserved width for value labels. Override `width` for long labels.
+*/
+function LineChartYAxis({ size, tick, ...props }) {
+	const { layout } = useLineChartSize(size);
+	const axes = cartesianAxisProps({
+		tickMargin: layout.tickMargin,
+		tickFontSize: layout.tickFontSize,
+		yAxisWidth: layout.yAxisWidth
+	});
+	const defaultTick = {
+		...axes.yAxis.tick,
+		fill: "var(--color-fg-caption-placeholder)"
+	};
+	return /* @__PURE__ */ jsx(YAxis, {
+		tickLine: axes.yAxis.tickLine,
+		axisLine: axes.yAxis.axisLine,
+		width: axes.yAxis.width,
+		tick: tick ?? defaultTick,
+		...props
+	});
+}
+/** The giddaa line mark spec: rounded 2px stroke, resting + surface-ringed active dots. */
+function lineMarkProps(layout, color) {
+	return {
+		type: "linear",
+		stroke: color,
+		strokeWidth: layout.strokeWidth,
+		strokeLinejoin: "round",
+		strokeLinecap: "round"
+	};
+}
+function defaultDots(layout, color) {
+	return {
+		dot: {
+			r: layout.dotRadius,
+			fill: color,
+			strokeWidth: 0
+		},
+		activeDot: {
+			r: layout.activeDotRadius,
+			fill: color,
+			stroke: "var(--color-surface-raised)",
+			strokeWidth: 2
+		}
+	};
+}
+/**
+* One line series — recharts `Line` with the giddaa mark spec: a 2px rounded
+* stroke in `color`, solid resting dots, and a hover dot ringed in
+* `surface-raised` so overlapping series stay separable. `color` drives all of
+* them at once; `stroke`/`dot`/`activeDot` still win when passed directly.
+*/
+function LineChartSeries({ color = DEFAULT_SERIES_COLOR, size, dot, activeDot, ...props }) {
+	const { layout } = useLineChartSize(size);
+	const dots = defaultDots(layout, color);
+	return /* @__PURE__ */ jsx(Line, {
+		...lineMarkProps(layout, color),
+		dot: dot ?? dots.dot,
+		activeDot: activeDot ?? dots.activeDot,
+		...props
+	});
+}
+/**
+* One area series — recharts `Area` with the giddaa mark spec: the same rounded
+* 2px stroke and dots as `LineChartSeries`, plus the series colour washed to 15%
+* beneath the stroke. `color` drives stroke + fill + dots at once;
+* `stroke`/`fill`/`dot` still win when passed directly.
+*/
+function AreaChartSeries({ color = DEFAULT_SERIES_COLOR, size, dot, activeDot, ...props }) {
+	const { layout } = useLineChartSize(size);
+	const dots = defaultDots(layout, color);
+	return /* @__PURE__ */ jsx(Area, {
+		...lineMarkProps(layout, color),
+		fill: color,
+		fillOpacity: .15,
+		dot: dot ?? dots.dot,
+		activeDot: activeDot ?? dots.activeDot,
+		...props
+	});
+}
+/**
+* @deprecated Compose the `<LineChart>`/`<AreaChart>` primitives instead — see
+* the module example. This layout hook predates recharts 3 wrapping support and
+* will be removed in the next major. It returns prop bags to spread onto raw
+* recharts elements.
+*/
 function useLineChartLayout(size) {
-  const inheritedSize = useComponentSize();
-  const resolved = size ?? inheritedSize;
-  const layout = LINE_CHART_LAYOUT[resolved] ?? LINE_CHART_LAYOUT.md;
-  const axes = cartesianAxisProps(layout);
-  return {
-    container: {
-      className: "aspect-auto w-full",
-      style: { height: layout.height }
-    },
-    chart: {
-      accessibilityLayer: true,
-      margin: layout.margin
-    },
-    xAxis: axes.xAxis,
-    yAxis: axes.yAxis,
-    line: (color) => seriesProps(layout, color),
-    area: (color) => ({
-      ...seriesProps(layout, color),
-      fill: color,
-      fillOpacity: 0.15
-    })
-  };
+	const { layout } = useLineChartSize(size);
+	const axes = cartesianAxisProps({
+		tickMargin: layout.tickMargin,
+		tickFontSize: layout.tickFontSize,
+		yAxisWidth: layout.yAxisWidth
+	});
+	const series = (color) => ({
+		...lineMarkProps(layout, color),
+		...defaultDots(layout, color)
+	});
+	return {
+		container: {
+			className: "aspect-auto w-full",
+			style: { height: layout.height }
+		},
+		chart: {
+			accessibilityLayer: true,
+			margin: layout.margin
+		},
+		xAxis: axes.xAxis,
+		yAxis: axes.yAxis,
+		line: (color) => series(color),
+		area: (color) => ({
+			...series(color),
+			fill: color,
+			fillOpacity: .15
+		})
+	};
 }
-export {
-  LINE_CHART_LAYOUT,
-  toComponentSize,
-  useLineChartLayout
-};
-//# sourceMappingURL=line-chart.js.map
+//#endregion
+export { AreaChart, AreaChartSeries, LINE_CHART_LAYOUT, LINE_CHART_PALETTE, LineChart, LineChartGrid, LineChartSeries, LineChartXAxis, LineChartYAxis, toComponentSize, useLineChartLayout };

package/dist/list-item.d.ts

@@ -0,0 +1,22 @@
+import { Avatar } from "./avatar.js";
+import { useRender } from "@base-ui/react/use-render";
+import { VariantProps } from "class-variance-authority";
+import { ComponentProps } from "react";
+//#region src/list-item.d.ts
+declare const listItemVariants: (props?: ({
+  size?: "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ListItemSize = NonNullable<VariantProps<typeof listItemVariants>["size"]>;
+type ListItemProps = useRender.ComponentProps<"div"> & VariantProps<typeof listItemVariants> & {
+  selected?: boolean;
+};
+declare function ListItem({ className, render, size, selected, ...props }: ListItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function ListItemAvatar({ className, size, ...props }: ComponentProps<typeof Avatar>): import("react").JSX.Element;
+declare function ListItemIcon({ className, ...props }: ComponentProps<"span">): import("react").JSX.Element;
+declare function ListItemContent({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+declare function ListItemTitle({ className, ...props }: ComponentProps<"p">): import("react").JSX.Element;
+declare function ListItemDescription({ className, ...props }: ComponentProps<"p">): import("react").JSX.Element;
+declare function ListItemMeta({ className, ...props }: ComponentProps<"span">): import("react").JSX.Element;
+declare function ListItemCount({ className, ...props }: ComponentProps<"span">): import("react").JSX.Element;
+//#endregion
+export { ListItem, ListItemAvatar, ListItemContent, ListItemCount, ListItemDescription, ListItemIcon, ListItemMeta, type ListItemProps, type ListItemSize, ListItemTitle, listItemVariants };

package/dist/list-item.js

@@ -0,0 +1,84 @@
+"use client";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { Avatar } from "./avatar.js";
+import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva } from "class-variance-authority";
+//#region src/list-item.tsx
+const listItemVariants = cva("group/list-item flex w-full min-w-0 items-center border-b border-line-subtle bg-surface text-left text-fg-primary transition-[background-color,color,opacity,box-shadow] outline-none data-[selected=true]:bg-surface-brand-subtle [button,a,[role=button],[role=link]]:cursor-pointer [button,a,[role=button],[role=link]]:select-none [button,a,[role=button],[role=link]]:hover:bg-surface-raised [button,a,[role=button],[role=link]]:active:bg-surface-raised data-[selected=true]:[button,a,[role=button],[role=link]]:hover:bg-surface-brand-subtle data-[selected=true]:[button,a,[role=button],[role=link]]:active:bg-surface-brand-subtle disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]", {
+	variants: { size: {
+		md: "gap-3 px-4 py-3.5",
+		lg: "gap-4 px-5 py-4.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+function ListItem({ className, render, size = "md", selected = false, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({
+			className: cn(listItemVariants({ size }), className),
+			"data-selected": selected,
+			"data-size": size,
+			"data-slot": "list-item"
+		}, props),
+		render,
+		state: {
+			slot: "list-item",
+			size,
+			selected
+		}
+	});
+}
+function ListItemAvatar({ className, size = "sm", ...props }) {
+	return /* @__PURE__ */ jsx(Avatar, {
+		"data-slot": "list-item-avatar",
+		size,
+		className: cn("group-data-[size=md]/list-item:size-8 group-data-[size=lg]/list-item:size-10", "**:data-[slot=avatar-fallback]:bg-action-tertiary **:data-[slot=avatar-fallback]:text-fg-primary", "group-data-[selected=true]/list-item:**:data-[slot=avatar-fallback]:bg-surface-brand group-data-[selected=true]/list-item:**:data-[slot=avatar-fallback]:text-fg-on-brand", className),
+		...props
+	});
+}
+function ListItemIcon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "list-item-icon",
+		className: cn("flex shrink-0 items-center justify-center text-fg-secondary [&>svg]:shrink-0", "group-data-[size=md]/list-item:size-5 group-data-[size=md]/list-item:[&>svg]:size-5", "group-data-[size=lg]/list-item:size-6 group-data-[size=lg]/list-item:[&>svg]:size-6", className),
+		...props
+	});
+}
+function ListItemContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "list-item-content",
+		className: cn("flex min-w-0 flex-1 flex-col gap-0.5", className),
+		...props
+	});
+}
+function ListItemTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "list-item-title",
+		className: cn("min-w-0 truncate font-semibold text-fg-primary group-data-[selected=true]/list-item:text-fg-brand group-disabled/list-item:text-fg-caption-placeholder group-aria-disabled/list-item:text-fg-caption-placeholder", "group-data-[size=md]/list-item:text-gdt-sm", "group-data-[size=lg]/list-item:text-gdt-md", className),
+		...props
+	});
+}
+function ListItemDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "list-item-description",
+		className: cn("min-w-0 truncate font-normal text-fg-secondary group-disabled/list-item:text-fg-caption-placeholder group-aria-disabled/list-item:text-fg-caption-placeholder", "group-data-[size=md]/list-item:text-gdt-xs", "group-data-[size=lg]/list-item:text-gdt-sm", className),
+		...props
+	});
+}
+function ListItemMeta({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "list-item-meta",
+		className: cn("shrink-0 whitespace-nowrap text-right font-normal text-fg-secondary group-data-[selected=true]/list-item:text-fg-brand group-disabled/list-item:text-fg-caption-placeholder group-aria-disabled/list-item:text-fg-caption-placeholder", "group-data-[size=md]/list-item:text-gdt-xs", "group-data-[size=lg]/list-item:text-gdt-sm", className),
+		...props
+	});
+}
+function ListItemCount({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "list-item-count",
+		className: cn("flex shrink-0 items-center justify-center rounded-full bg-action-primary px-2 py-0.5 text-gdt-xs font-bold whitespace-nowrap text-fg-on-brand group-disabled/list-item:bg-action-tertiary group-disabled/list-item:text-fg-caption-placeholder group-aria-disabled/list-item:bg-action-tertiary group-aria-disabled/list-item:text-fg-caption-placeholder", "group-data-[size=md]/list-item:min-h-5.5", "group-data-[size=lg]/list-item:min-h-6", className),
+		...props
+	});
+}
+//#endregion
+export { ListItem, ListItemAvatar, ListItemContent, ListItemCount, ListItemDescription, ListItemIcon, ListItemMeta, ListItemTitle, listItemVariants };

package/dist/logo.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-
+import * as React from "react";
+//#region src/logo.d.ts
 declare function GiddaaLogo(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
 declare function GiddaaIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
-
-export { GiddaaIcon, GiddaaLogo };
+//#endregion
+export { GiddaaIcon, GiddaaLogo };

package/dist/logo.js

@@ -1,9 +1,92 @@
-import {
-  GiddaaIcon,
-  GiddaaLogo
-} from "./chunk-DMNOXRRW.js";
-export {
-  GiddaaIcon,
-  GiddaaLogo
-};
-//# sourceMappingURL=logo.js.map
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/logo.tsx
+function GiddaaLogo(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 142,
+		height: 58,
+		viewBox: "0 0 142 58",
+		role: "img",
+		"aria-label": "Giddaa Logo",
+		fill: "none",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				d: "M83.025 39.936q-2.073.022-3.763-.968a7.7 7.7 0 0 1-2.716-2.66q-.998-1.698-1.02-3.797t.94-3.79a7.36 7.36 0 0 1 2.687-2.717q1.698-1.026 3.826-1.049a7.2 7.2 0 0 1 2.103.286q1.01.27 1.885.82l-.064-5.963 3.83-.685.213 20.243-3.78.04-.012-1.204q-1.777 1.419-4.13 1.444m.581-3.282q1.064-.012 1.928-.357a4.2 4.2 0 0 0 1.53-1.08l-.06-5.684a4.6 4.6 0 0 0-1.551-.992 5.1 5.1 0 0 0-1.936-.343 4.3 4.3 0 0 0-2.178.583q-.947.541-1.496 1.528-.55.959-.537 2.162.012 1.203.582 2.15.57.945 1.528 1.496a4.3 4.3 0 0 0 2.19.537m17.082 3.095q-2.072.022-3.763-.968a7.7 7.7 0 0 1-2.716-2.66q-.998-1.697-1.02-3.797t.94-3.79a7.36 7.36 0 0 1 2.688-2.717q1.697-1.026 3.825-1.048a7.2 7.2 0 0 1 2.103.286 6.8 6.8 0 0 1 1.885.82l-.063-5.964 3.829-.684.213 20.243-3.779.04-.013-1.204q-1.777 1.419-4.129 1.443m.581-3.282a5.3 5.3 0 0 0 1.929-.356 4.2 4.2 0 0 0 1.528-1.08l-.06-5.684a4.6 4.6 0 0 0-1.55-.992 5.1 5.1 0 0 0-1.936-.344 4.3 4.3 0 0 0-2.178.584q-.946.54-1.496 1.527-.55.959-.537 2.162.012 1.205.583 2.15.57.946 1.527 1.496a4.3 4.3 0 0 0 2.19.537m14.983 3.174q-1.569.016-2.778-.53-1.21-.576-1.893-1.577-.682-1.001-.696-2.317-.022-2.1 1.533-3.264 1.584-1.193 4.356-1.222 1.903-.02 3.59.55l-.012-1.064q-.013-1.26-.804-1.895-.79-.636-2.302-.62-.924.01-1.985.329-1.06.29-2.454.922l-1.43-2.813a19.7 19.7 0 0 1 3.291-1.211 13.4 13.4 0 0 1 3.188-.426q2.94-.03 4.579 1.38 1.666 1.382 1.694 3.958l.1 9.464-3.78.04-.011-1.036a6.1 6.1 0 0 1-1.922 1 8 8 0 0 1-2.264.332m-1.728-4.546q.008.84.742 1.336.732.468 1.937.456a6.6 6.6 0 0 0 1.761-.243 4.8 4.8 0 0 0 1.448-.743l-.022-2.128a7.7 7.7 0 0 0-1.46-.405 9 9 0 0 0-1.626-.123q-1.316.015-2.066.526-.723.484-.714 1.324m17.258 4.382q-1.567.016-2.778-.53-1.21-.576-1.893-1.577-.682-1.001-.696-2.317-.023-2.1 1.534-3.264 1.583-1.193 4.355-1.222 1.904-.02 3.59.55l-.011-1.064q-.013-1.26-.804-1.896t-2.303-.62q-.924.01-1.985.33-1.06.29-2.454.922l-1.43-2.813q1.728-.803 3.292-1.211a13.3 13.3 0 0 1 3.187-.426q2.94-.03 4.579 1.38 1.667 1.381 1.694 3.958l.1 9.464-3.78.04-.011-1.036a6.1 6.1 0 0 1-1.921 1 8 8 0 0 1-2.265.332m-1.728-4.546q.009.84.742 1.336.733.468 1.937.456a6.6 6.6 0 0 0 1.762-.243 4.9 4.9 0 0 0 1.448-.743l-.023-2.128a7.7 7.7 0 0 0-1.46-.405 9 9 0 0 0-1.625-.123q-1.317.015-2.067.526-.723.484-.714 1.324M27.455 5.086a4.4 4.4 0 0 1 2.46.76l17.827 11.968a5.1 5.1 0 0 1 1.637 1.863 5.11 5.11 0 0 1 .567 2.42l-.023 23.117c-.003 2.774-2.096 5.03-4.665 5.03H9.718a4.46 4.46 0 0 1-3.18-1.354 5.16 5.16 0 0 1-1.484-3.687l.023-23.127a5.1 5.1 0 0 1 .567-2.408 5.1 5.1 0 0 1 1.627-1.857L24.983 5.852a4.4 4.4 0 0 1 2.472-.766m0-5.086a9.43 9.43 0 0 0-5.287 1.629L4.455 13.588a10.2 10.2 0 0 0-3.266 3.686A10.3 10.3 0 0 0 .023 22.07L0 45.198C-.006 50.793 4.347 58 9.719 58l35.539-4.509c5.363 0 9.713-2.685 9.718-8.272L55 22.102c.01-1.679-.39-3.335-1.167-4.82a10.2 10.2 0 0 0-3.286-3.699L32.72 1.615A9.43 9.43 0 0 0 27.454 0"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				d: "M29.948 42.889q-2.577.624-5.007.267a12.9 12.9 0 0 1-4.516-1.6 12.6 12.6 0 0 1-3.563-3.161q-1.453-1.957-2.061-4.469-.608-2.511-.203-4.883a12.4 12.4 0 0 1 1.691-4.432 11.8 11.8 0 0 1 3.25-3.48q2.024-1.47 4.568-2.085a13.3 13.3 0 0 1 5.7-.155q2.816.507 4.965 2.156l-2.594 3.881q-1.549-1.2-3.353-1.567a8.3 8.3 0 0 0-3.654.08q-1.553.375-2.73 1.29a7.2 7.2 0 0 0-1.93 2.146q-.752 1.232-.977 2.756-.2 1.482.19 3.102.393 1.62 1.29 2.87a7.7 7.7 0 0 0 2.137 2.037 8.4 8.4 0 0 0 2.73 1.019q1.491.234 3.077-.15 1.653-.4 2.83-1.315a6.5 6.5 0 0 0 1.799-2.254q.653-1.348.615-2.808l-6.84 1.656-1.009-4.164 11.963-2.895.352 1.454q.624 2.577.26 4.974a12 12 0 0 1-1.501 4.352 11.45 11.45 0 0 1-3.068 3.366q-1.9 1.404-4.41 2.012m-19.847 2.267a.14.14 0 0 0-.163-.037c-.144.081-3.746 1.965-3.917 4.407-.077 1.11.567 2.155 1.908 3.103l.195-.278c-.016.062-.453 1.498-.395 1.51.057.014.13-.027.143-.08l.288-1.1c1.68-.264 2.766-.909 3.249-1.936 1.056-2.242-1.21-5.453-1.308-5.589"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#f7b11c",
+				d: "M10.803 44.368c.703 0 1.274-.53 1.274-1.184S11.507 42 10.803 42s-1.275.53-1.275 1.184.57 1.184 1.274 1.184"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				d: "M13.764 46.742a.12.12 0 0 0-.136-.03c-.119.067-3.108 1.63-3.25 3.658-.064.92.47 1.788 1.583 2.574l.162-.23c-.013.052-.376 1.243-.328 1.254s.107-.023.119-.068l.24-.912c1.393-.22 2.294-.754 2.695-1.607.877-1.86-1.005-4.526-1.085-4.639"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#d9d9d9",
+				d: "M14.136 46.084c.51 0 .922-.384.922-.857s-.413-.856-.922-.856c-.508 0-.921.383-.921.856s.412.857.921.857"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				d: "M16.168 48.55a.09.09 0 0 0-.104-.023c-.091.052-2.38 1.25-2.49 2.802-.048.705.36 1.37 1.213 1.972l.124-.177c-.01.04-.288.952-.251.96s.082-.017.091-.051l.183-.7q1.603-.25 2.065-1.23c.672-1.425-.77-3.466-.83-3.552"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#d9d9d9",
+				d: "M16.323 48.313c.469 0 .85-.353.85-.79 0-.435-.381-.789-.85-.789-.47 0-.85.354-.85.79s.38.79.85.79"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				d: "m65.781 27.637 5.007 12.285H60.775zm.913-3.68a2.76 2.76 0 1 0-1.098-5.409 2.76 2.76 0 0 0 1.098 5.41"
+			})
+		]
+	});
+}
+function GiddaaIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 55,
+		height: 58,
+		viewBox: "0 0 58 58",
+		role: "img",
+		"aria-label": "Giddaa Logo",
+		fill: "none",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				d: "M27.455 5.086a4.4 4.4 0 0 1 2.46.76l17.827 11.968a5.1 5.1 0 0 1 1.637 1.863 5.11 5.11 0 0 1 .567 2.42l-.023 23.117c-.003 2.774-2.096 5.03-4.665 5.03H9.718a4.46 4.46 0 0 1-3.18-1.354 5.16 5.16 0 0 1-1.484-3.687l.023-23.127a5.1 5.1 0 0 1 .567-2.408 5.1 5.1 0 0 1 1.627-1.857L24.983 5.852a4.4 4.4 0 0 1 2.472-.766m0-5.086a9.43 9.43 0 0 0-5.287 1.629L4.455 13.588a10.2 10.2 0 0 0-3.266 3.686A10.3 10.3 0 0 0 .023 22.07L0 45.198C-.006 50.793 4.347 58 9.719 58l35.539-4.509c5.363 0 9.713-2.685 9.718-8.272L55 22.102c.01-1.679-.39-3.335-1.167-4.82a10.2 10.2 0 0 0-3.286-3.699L32.72 1.615A9.43 9.43 0 0 0 27.454 0"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				d: "M29.948 42.889q-2.577.624-5.007.267a12.9 12.9 0 0 1-4.516-1.6 12.6 12.6 0 0 1-3.563-3.161q-1.453-1.957-2.061-4.469-.608-2.511-.203-4.883a12.4 12.4 0 0 1 1.691-4.432 11.8 11.8 0 0 1 3.25-3.48q2.024-1.47 4.568-2.085a13.3 13.3 0 0 1 5.7-.155q2.816.507 4.965 2.156l-2.594 3.881q-1.549-1.2-3.353-1.567a8.3 8.3 0 0 0-3.654.08q-1.553.375-2.73 1.29a7.2 7.2 0 0 0-1.93 2.146q-.752 1.232-.977 2.756-.2 1.482.19 3.102.393 1.62 1.29 2.87a7.7 7.7 0 0 0 2.137 2.037 8.4 8.4 0 0 0 2.73 1.019q1.491.234 3.077-.15 1.653-.4 2.83-1.315a6.5 6.5 0 0 0 1.799-2.254q.653-1.348.615-2.808l-6.84 1.656-1.009-4.164 11.963-2.895.352 1.454q.624 2.577.26 4.974a12 12 0 0 1-1.501 4.352 11.45 11.45 0 0 1-3.068 3.366q-1.9 1.404-4.41 2.012m-19.847 2.267a.14.14 0 0 0-.163-.037c-.144.081-3.746 1.965-3.917 4.407-.077 1.11.567 2.155 1.908 3.103l.195-.278c-.016.062-.453 1.498-.395 1.51.057.014.13-.027.143-.08l.288-1.1c1.68-.264 2.766-.909 3.249-1.936 1.056-2.242-1.21-5.453-1.308-5.589"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#f7b11c",
+				d: "M10.803 44.368c.703 0 1.274-.53 1.274-1.184S11.507 42 10.803 42s-1.275.53-1.275 1.184.57 1.184 1.274 1.184"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				d: "M13.764 46.742a.12.12 0 0 0-.136-.03c-.119.067-3.108 1.63-3.25 3.658-.064.92.47 1.788 1.583 2.574l.162-.23c-.013.052-.376 1.243-.328 1.254s.107-.023.119-.068l.24-.912c1.393-.22 2.294-.754 2.695-1.607.877-1.86-1.005-4.526-1.085-4.639"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#d9d9d9",
+				d: "M14.136 46.084c.51 0 .922-.384.922-.857s-.413-.856-.922-.856c-.508 0-.921.383-.921.856s.412.857.921.857"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				d: "M16.168 48.55a.09.09 0 0 0-.104-.023c-.091.052-2.38 1.25-2.49 2.802-.048.705.36 1.37 1.213 1.972l.124-.177c-.01.04-.288.952-.251.96s.082-.017.091-.051l.183-.7q1.603-.25 2.065-1.23c.672-1.425-.77-3.466-.83-3.552"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#d9d9d9",
+				d: "M16.323 48.313c.469 0 .85-.353.85-.79 0-.435-.381-.789-.85-.789-.47 0-.85.354-.85.79s.38.79.85.79"
+			})
+		]
+	});
+}
+//#endregion
+export { GiddaaIcon, GiddaaLogo };