@giddaa-housing/ui 0.1.0 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -6
- package/css/base.css +37 -0
- package/css/components.css +135 -0
- package/css/generated/shared.css +1 -0
- package/css/giddaa.css +402 -0
- package/css/preset.css +77 -0
- package/css/styles.css +2 -0
- package/css/theme.css +255 -0
- package/dist/accordion.js +5 -35
- package/dist/accordion.js.map +1 -1
- package/dist/activity-timeline.d.ts +33 -0
- package/dist/activity-timeline.js +212 -0
- package/dist/activity-timeline.js.map +1 -0
- package/dist/alert.js +5 -35
- package/dist/alert.js.map +1 -1
- package/dist/auth-layout.d.ts +23 -0
- package/dist/auth-layout.js +304 -0
- package/dist/auth-layout.js.map +1 -0
- package/dist/avatar.js +10 -142
- package/dist/avatar.js.map +1 -1
- package/dist/badge.d.ts +3 -2
- package/dist/badge.js +6 -114
- package/dist/badge.js.map +1 -1
- package/dist/bar-chart.d.ts +101 -77
- package/dist/bar-chart.js +142 -220
- package/dist/bar-chart.js.map +1 -1
- package/dist/breadcrumb.js +5 -35
- package/dist/breadcrumb.js.map +1 -1
- package/dist/bullet-chart.js +15 -48
- package/dist/bullet-chart.js.map +1 -1
- package/dist/button-group.js +14 -90
- package/dist/button-group.js.map +1 -1
- package/dist/button.d.ts +5 -5
- package/dist/button.js +7 -140
- package/dist/button.js.map +1 -1
- package/dist/calendar.js +12 -287
- package/dist/calendar.js.map +1 -1
- package/dist/card.js +5 -35
- package/dist/card.js.map +1 -1
- package/dist/carousel.js +12 -386
- package/dist/carousel.js.map +1 -1
- package/dist/chart.js +16 -480
- package/dist/chart.js.map +1 -1
- package/dist/checkbox.d.ts +1 -1
- package/dist/checkbox.js +13 -48
- package/dist/checkbox.js.map +1 -1
- package/dist/chunk-322YCNVL.js +278 -0
- package/dist/chunk-322YCNVL.js.map +1 -0
- package/dist/chunk-3ACQVT7A.js +25 -0
- package/dist/chunk-3ACQVT7A.js.map +1 -0
- package/dist/chunk-3T65TLJX.js +334 -0
- package/dist/chunk-3T65TLJX.js.map +1 -0
- package/dist/chunk-6ZSGQHH2.js +192 -0
- package/dist/chunk-6ZSGQHH2.js.map +1 -0
- package/dist/chunk-7TBMLFGW.js +41 -0
- package/dist/chunk-7TBMLFGW.js.map +1 -0
- package/dist/chunk-B4H6RNDH.js +135 -0
- package/dist/chunk-B4H6RNDH.js.map +1 -0
- package/dist/chunk-BUXCGZ6X.js +219 -0
- package/dist/chunk-BUXCGZ6X.js.map +1 -0
- package/dist/chunk-CHII2QHH.js +58 -0
- package/dist/chunk-CHII2QHH.js.map +1 -0
- package/dist/chunk-DMNOXRRW.js +147 -0
- package/dist/chunk-DMNOXRRW.js.map +1 -0
- package/dist/chunk-EFSOSSIC.js +130 -0
- package/dist/chunk-EFSOSSIC.js.map +1 -0
- package/dist/chunk-FZDSVMKY.js +363 -0
- package/dist/chunk-FZDSVMKY.js.map +1 -0
- package/dist/chunk-GJOFIJS3.js +246 -0
- package/dist/chunk-GJOFIJS3.js.map +1 -0
- package/dist/chunk-HL3ZSYES.js +23 -0
- package/dist/chunk-HL3ZSYES.js.map +1 -0
- package/dist/chunk-JVLUBAPB.js +129 -0
- package/dist/chunk-JVLUBAPB.js.map +1 -0
- package/dist/chunk-KDPYSOYZ.js +64 -0
- package/dist/chunk-KDPYSOYZ.js.map +1 -0
- package/dist/chunk-KSMDANKI.js +43 -0
- package/dist/chunk-KSMDANKI.js.map +1 -0
- package/dist/chunk-MEKCCOP5.js +46 -0
- package/dist/chunk-MEKCCOP5.js.map +1 -0
- package/dist/chunk-NOFXVRWL.js +451 -0
- package/dist/chunk-NOFXVRWL.js.map +1 -0
- package/dist/chunk-PC5MHNVA.js +171 -0
- package/dist/chunk-PC5MHNVA.js.map +1 -0
- package/dist/chunk-QKAQZ2GU.js +122 -0
- package/dist/chunk-QKAQZ2GU.js.map +1 -0
- package/dist/chunk-QZHSHSVV.js +26 -0
- package/dist/chunk-QZHSHSVV.js.map +1 -0
- package/dist/chunk-RBMK26XD.js +19 -0
- package/dist/chunk-RBMK26XD.js.map +1 -0
- package/dist/chunk-SFNJGF6M.js +262 -0
- package/dist/chunk-SFNJGF6M.js.map +1 -0
- package/dist/chunk-UJJNLGTM.js +112 -0
- package/dist/chunk-UJJNLGTM.js.map +1 -0
- package/dist/chunk-VGR4ZWJ3.js +418 -0
- package/dist/chunk-VGR4ZWJ3.js.map +1 -0
- package/dist/chunk-XG47P6D4.js +99 -0
- package/dist/chunk-XG47P6D4.js.map +1 -0
- package/dist/chunk-XZZAHNVM.js +21 -0
- package/dist/chunk-XZZAHNVM.js.map +1 -0
- package/dist/chunk-Y4TTYVNE.js +36 -0
- package/dist/chunk-Y4TTYVNE.js.map +1 -0
- package/dist/chunk-YDWIHW6Q.js +69 -0
- package/dist/chunk-YDWIHW6Q.js.map +1 -0
- package/dist/collapsible.js +6 -35
- package/dist/collapsible.js.map +1 -1
- package/dist/combobox.js +26 -694
- package/dist/combobox.js.map +1 -1
- package/dist/cta.d.ts +66 -0
- package/dist/cta.js +358 -0
- package/dist/cta.js.map +1 -0
- package/dist/currency-selector.d.ts +42 -0
- package/dist/currency-selector.js +192 -0
- package/dist/currency-selector.js.map +1 -0
- package/dist/date-picker.d.ts +18 -10
- package/dist/date-picker.js +105 -430
- package/dist/date-picker.js.map +1 -1
- package/dist/details-card.d.ts +19 -0
- package/dist/details-card.js +267 -0
- package/dist/details-card.js.map +1 -0
- package/dist/dialog.js +36 -146
- package/dist/dialog.js.map +1 -1
- package/dist/dropdown-menu.d.ts +1 -1
- package/dist/dropdown-menu.js +20 -358
- package/dist/dropdown-menu.js.map +1 -1
- package/dist/dropzone.js +13 -40
- package/dist/dropzone.js.map +1 -1
- package/dist/editorial-card.d.ts +29 -0
- package/dist/editorial-card.js +311 -0
- package/dist/editorial-card.js.map +1 -0
- package/dist/empty-state.js +5 -35
- package/dist/empty-state.js.map +1 -1
- package/dist/field.js +30 -135
- package/dist/field.js.map +1 -1
- package/dist/footer.d.ts +47 -0
- package/dist/footer.js +430 -0
- package/dist/footer.js.map +1 -0
- package/dist/funnel-chart.js +42 -415
- package/dist/funnel-chart.js.map +1 -1
- package/dist/gallery-indicator.d.ts +18 -0
- package/dist/gallery-indicator.js +12 -0
- package/dist/gallery-indicator.js.map +1 -0
- package/dist/heatmap-chart.d.ts +98 -0
- package/dist/heatmap-chart.js +248 -0
- package/dist/heatmap-chart.js.map +1 -0
- package/dist/infotip.d.ts +11 -0
- package/dist/infotip.js +66 -0
- package/dist/infotip.js.map +1 -0
- package/dist/input-group.d.ts +2 -1
- package/dist/input-group.js +15 -371
- package/dist/input-group.js.map +1 -1
- package/dist/input-size-context.js +5 -19
- package/dist/input-size-context.js.map +1 -1
- package/dist/input.js +6 -78
- package/dist/input.js.map +1 -1
- package/dist/item.js +5 -35
- package/dist/item.js.map +1 -1
- package/dist/kpi-card.js +12 -52
- package/dist/kpi-card.js.map +1 -1
- package/dist/label.js +5 -64
- package/dist/label.js.map +1 -1
- package/dist/line-chart.js +9 -166
- package/dist/line-chart.js.map +1 -1
- package/dist/logo.js +4 -141
- package/dist/logo.js.map +1 -1
- package/dist/map-indicator.d.ts +13 -0
- package/dist/map-indicator.js +109 -0
- package/dist/map-indicator.js.map +1 -0
- package/dist/match.d.ts +16 -0
- package/dist/match.js +113 -0
- package/dist/match.js.map +1 -0
- package/dist/media-gallery-hero.d.ts +60 -0
- package/dist/media-gallery-hero.js +362 -0
- package/dist/media-gallery-hero.js.map +1 -0
- package/dist/media-player.d.ts +60 -0
- package/dist/media-player.js +1394 -0
- package/dist/media-player.js.map +1 -0
- package/dist/number-input.js +30 -325
- package/dist/number-input.js.map +1 -1
- package/dist/page-header.js +4 -32
- package/dist/page-header.js.map +1 -1
- package/dist/pagination.d.ts +1 -0
- package/dist/pagination.js +27 -161
- package/dist/pagination.js.map +1 -1
- package/dist/password-input.d.ts +1 -0
- package/dist/password-input.js +21 -319
- package/dist/password-input.js.map +1 -1
- package/dist/phone-input.d.ts +2 -1
- package/dist/phone-input.js +148 -359
- package/dist/phone-input.js.map +1 -1
- package/dist/photo-gallery.d.ts +1 -1
- package/dist/photo-gallery.js +97 -393
- package/dist/photo-gallery.js.map +1 -1
- package/dist/pie-chart.js +17 -52
- package/dist/pie-chart.js.map +1 -1
- package/dist/popover.js +13 -158
- package/dist/popover.js.map +1 -1
- package/dist/price-tag.d.ts +35 -0
- package/dist/price-tag.js +178 -0
- package/dist/price-tag.js.map +1 -0
- package/dist/progress.d.ts +5 -2
- package/dist/progress.js +14 -303
- package/dist/progress.js.map +1 -1
- package/dist/property-listing-card.d.ts +32 -0
- package/dist/property-listing-card.js +235 -0
- package/dist/property-listing-card.js.map +1 -0
- package/dist/radar-chart.d.ts +110 -0
- package/dist/radar-chart.js +147 -0
- package/dist/radar-chart.js.map +1 -0
- package/dist/radio-group.js +15 -50
- package/dist/radio-group.js.map +1 -1
- package/dist/review-block.d.ts +20 -0
- package/dist/review-block.js +10 -0
- package/dist/review-block.js.map +1 -0
- package/dist/rich-text-editor.js +172 -433
- package/dist/rich-text-editor.js.map +1 -1
- package/dist/scatter-chart.d.ts +142 -0
- package/dist/scatter-chart.js +252 -0
- package/dist/scatter-chart.js.map +1 -0
- package/dist/search-input.d.ts +1 -0
- package/dist/search-input.js +22 -320
- package/dist/search-input.js.map +1 -1
- package/dist/select.js +15 -292
- package/dist/select.js.map +1 -1
- package/dist/separator.js +5 -68
- package/dist/separator.js.map +1 -1
- package/dist/sheet.js +14 -271
- package/dist/sheet.js.map +1 -1
- package/dist/sidebar.d.ts +1 -1
- package/dist/sidebar.js +89 -494
- package/dist/sidebar.js.map +1 -1
- package/dist/size-context.js +5 -17
- package/dist/size-context.js.map +1 -1
- package/dist/skeleton.js +4 -44
- package/dist/skeleton.js.map +1 -1
- package/dist/slider.d.ts +28 -0
- package/dist/slider.js +152 -0
- package/dist/slider.js.map +1 -0
- package/dist/sparkline.js +33 -341
- package/dist/sparkline.js.map +1 -1
- package/dist/stepper.js +5 -35
- package/dist/stepper.js.map +1 -1
- package/dist/styles.css +9593 -2
- package/dist/switch.js +13 -48
- package/dist/switch.js.map +1 -1
- package/dist/tab-list.js +35 -306
- package/dist/tab-list.js.map +1 -1
- package/dist/table.js +5 -32
- package/dist/table.js.map +1 -1
- package/dist/tabs.js +10 -150
- package/dist/tabs.js.map +1 -1
- package/dist/tag.d.ts +7 -6
- package/dist/tag.js +101 -97
- package/dist/tag.js.map +1 -1
- package/dist/testimonial-block.d.ts +34 -0
- package/dist/testimonial-block.js +377 -0
- package/dist/testimonial-block.js.map +1 -0
- package/dist/textarea.js +6 -73
- package/dist/textarea.js.map +1 -1
- package/dist/time-picker.js +119 -279
- package/dist/time-picker.js.map +1 -1
- package/dist/toast.js +27 -132
- package/dist/toast.js.map +1 -1
- package/dist/tooltip.d.ts +5 -5
- package/dist/tooltip.js +7 -90
- package/dist/tooltip.js.map +1 -1
- package/dist/tree-map.js +41 -414
- package/dist/tree-map.js.map +1 -1
- package/dist/waterfall-chart.d.ts +129 -0
- package/dist/waterfall-chart.js +577 -0
- package/dist/waterfall-chart.js.map +1 -0
- package/package.json +98 -28
- package/dist/base.css +0 -32
- package/dist/files/red-hat-display-latin-300-italic.woff +0 -0
- package/dist/files/red-hat-display-latin-300-italic.woff2 +0 -0
- package/dist/files/red-hat-display-latin-300-normal.woff +0 -0
- package/dist/files/red-hat-display-latin-300-normal.woff2 +0 -0
- package/dist/files/red-hat-display-latin-400-italic.woff +0 -0
- package/dist/files/red-hat-display-latin-400-italic.woff2 +0 -0
- package/dist/files/red-hat-display-latin-400-normal.woff +0 -0
- package/dist/files/red-hat-display-latin-400-normal.woff2 +0 -0
- package/dist/files/red-hat-display-latin-500-italic.woff +0 -0
- package/dist/files/red-hat-display-latin-500-italic.woff2 +0 -0
- package/dist/files/red-hat-display-latin-500-normal.woff +0 -0
- package/dist/files/red-hat-display-latin-500-normal.woff2 +0 -0
- package/dist/files/red-hat-display-latin-600-italic.woff +0 -0
- package/dist/files/red-hat-display-latin-600-italic.woff2 +0 -0
- package/dist/files/red-hat-display-latin-600-normal.woff +0 -0
- package/dist/files/red-hat-display-latin-600-normal.woff2 +0 -0
- package/dist/files/red-hat-display-latin-700-italic.woff +0 -0
- package/dist/files/red-hat-display-latin-700-italic.woff2 +0 -0
- package/dist/files/red-hat-display-latin-700-normal.woff +0 -0
- package/dist/files/red-hat-display-latin-700-normal.woff2 +0 -0
- package/dist/files/red-hat-display-latin-800-italic.woff +0 -0
- package/dist/files/red-hat-display-latin-800-italic.woff2 +0 -0
- package/dist/files/red-hat-display-latin-800-normal.woff +0 -0
- package/dist/files/red-hat-display-latin-800-normal.woff2 +0 -0
- package/dist/files/red-hat-display-latin-900-italic.woff +0 -0
- package/dist/files/red-hat-display-latin-900-italic.woff2 +0 -0
- package/dist/files/red-hat-display-latin-900-normal.woff +0 -0
- package/dist/files/red-hat-display-latin-900-normal.woff2 +0 -0
- package/dist/files/red-hat-display-latin-ext-300-italic.woff +0 -0
- package/dist/files/red-hat-display-latin-ext-300-italic.woff2 +0 -0
- package/dist/files/red-hat-display-latin-ext-300-normal.woff +0 -0
- package/dist/files/red-hat-display-latin-ext-300-normal.woff2 +0 -0
- package/dist/files/red-hat-display-latin-ext-400-italic.woff +0 -0
- package/dist/files/red-hat-display-latin-ext-400-italic.woff2 +0 -0
- package/dist/files/red-hat-display-latin-ext-400-normal.woff +0 -0
- package/dist/files/red-hat-display-latin-ext-400-normal.woff2 +0 -0
- package/dist/files/red-hat-display-latin-ext-500-italic.woff +0 -0
- package/dist/files/red-hat-display-latin-ext-500-italic.woff2 +0 -0
- package/dist/files/red-hat-display-latin-ext-500-normal.woff +0 -0
- package/dist/files/red-hat-display-latin-ext-500-normal.woff2 +0 -0
- package/dist/files/red-hat-display-latin-ext-600-italic.woff +0 -0
- package/dist/files/red-hat-display-latin-ext-600-italic.woff2 +0 -0
- package/dist/files/red-hat-display-latin-ext-600-normal.woff +0 -0
- package/dist/files/red-hat-display-latin-ext-600-normal.woff2 +0 -0
- package/dist/files/red-hat-display-latin-ext-700-italic.woff +0 -0
- package/dist/files/red-hat-display-latin-ext-700-italic.woff2 +0 -0
- package/dist/files/red-hat-display-latin-ext-700-normal.woff +0 -0
- package/dist/files/red-hat-display-latin-ext-700-normal.woff2 +0 -0
- package/dist/files/red-hat-display-latin-ext-800-italic.woff +0 -0
- package/dist/files/red-hat-display-latin-ext-800-italic.woff2 +0 -0
- package/dist/files/red-hat-display-latin-ext-800-normal.woff +0 -0
- package/dist/files/red-hat-display-latin-ext-800-normal.woff2 +0 -0
- package/dist/files/red-hat-display-latin-ext-900-italic.woff +0 -0
- package/dist/files/red-hat-display-latin-ext-900-italic.woff2 +0 -0
- package/dist/files/red-hat-display-latin-ext-900-normal.woff +0 -0
- package/dist/files/red-hat-display-latin-ext-900-normal.woff2 +0 -0
- package/dist/index.d.ts +0 -87
- package/dist/index.js +0 -10448
- package/dist/index.js.map +0 -1
- package/dist/red-hat-display.css +0 -2
- package/dist/theme/giddaa.css +0 -2
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import {
|
|
2
|
+
useComponentSize
|
|
3
|
+
} from "./chunk-HL3ZSYES.js";
|
|
4
|
+
import {
|
|
5
|
+
cn
|
|
6
|
+
} from "./chunk-Y4TTYVNE.js";
|
|
7
|
+
|
|
8
|
+
// src/button.tsx
|
|
9
|
+
import { Button as ButtonPrimitive } from "@base-ui/react/button";
|
|
10
|
+
import { mergeProps } from "@base-ui/react/merge-props";
|
|
11
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
12
|
+
import { cva } from "class-variance-authority";
|
|
13
|
+
import { Loader } from "lucide-react";
|
|
14
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
+
var buttonVariants = cva(
|
|
16
|
+
"group/button inline-flex shrink-0 items-center justify-center rounded-full bg-clip-padding whitespace-nowrap font-bold transition-[background-color,color,border-color,box-shadow,transform] outline-none select-none focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-invalid:border-line-danger aria-invalid:ring-3 aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
17
|
+
{
|
|
18
|
+
variants: {
|
|
19
|
+
variant: {
|
|
20
|
+
primary: "bg-action-primary text-fg-on-brand hover:bg-action-primary-hover active:bg-action-primary-pressed",
|
|
21
|
+
"primary-outline": "border-2 border-action-primary bg-transparent text-fg-brand hover:bg-surface-brand-subtle active:bg-surface-brand-subtle data-focused:bg-surface-brand-subtle data-pressed:bg-surface-brand-subtle",
|
|
22
|
+
secondary: "bg-surface-brand-subtle text-fg-brand hover:bg-action-primary-hover hover:text-fg-on-brand active:bg-action-primary-pressed active:text-fg-on-brand data-focused:bg-action-primary-hover data-pressed:bg-action-primary-pressed data-focused:text-fg-on-brand data-pressed:text-fg-on-brand",
|
|
23
|
+
"secondary-outline": "border-2 border-action-secondary bg-transparent text-fg-brand hover:bg-surface-brand-subtle active:bg-surface-brand-subtle data-focused:bg-surface-brand-subtle data-pressed:bg-surface-brand-subtle",
|
|
24
|
+
tertiary: "bg-action-tertiary text-fg-primary hover:bg-action-tertiary-hover active:bg-action-tertiary-pressed data-focused:bg-action-tertiary-hover data-pressed:bg-action-tertiary-pressed",
|
|
25
|
+
"tertiary-outline": "border border-line-strong bg-transparent text-fg-primary hover:bg-surface active:bg-surface-raised data-focused:bg-surface data-pressed:bg-surface-raised",
|
|
26
|
+
ghost: "bg-transparent text-fg-primary hover:bg-surface active:bg-surface-raised data-focused:bg-surface data-pressed:bg-surface-raised",
|
|
27
|
+
danger: "bg-action-danger text-fg-on-brand hover:bg-action-danger-hover active:bg-action-danger-pressed data-focused:bg-action-danger-hover data-pressed:bg-action-danger-pressed",
|
|
28
|
+
whatsapp: "bg-whatsapp-button text-black [&_svg]:text-white hover:brightness-95 active:brightness-90 data-focused:brightness-95 data-pressed:brightness-90",
|
|
29
|
+
"glass-overlay": "bg-surface-glass-overlay-button text-fg-on-brand shadow-2 backdrop-blur-sm hover:scale-105 active:scale-95",
|
|
30
|
+
"link-brand": "border-transparent bg-transparent px-0 text-fg-brand hover:underline active:underline active:opacity-70",
|
|
31
|
+
"link-neutral": "border-transparent bg-transparent px-0 text-fg-secondary hover:underline active:underline active:opacity-70"
|
|
32
|
+
},
|
|
33
|
+
size: {
|
|
34
|
+
sm: "h-8 min-w-8 gap-2 px-3.5 text-gdt-xs [&_svg:not([class*='size-'])]:size-4",
|
|
35
|
+
md: "h-10 min-w-10 gap-2 px-4.5 text-gdt-sm [&_svg:not([class*='size-'])]:size-4.5",
|
|
36
|
+
lg: "h-12 min-w-12 gap-2.5 px-5.5 text-gdt-md [&_svg:not([class*='size-'])]:size-6",
|
|
37
|
+
xl: "h-14 min-w-14 gap-3 px-6.5 text-gdt-lg [&_svg:not([class*='size-'])]:size-6",
|
|
38
|
+
icon: "size-10",
|
|
39
|
+
"icon-xs": "size-6 text-gdt-xs [&_svg:not([class*='size-'])]:size-3",
|
|
40
|
+
"icon-sm": "size-8 text-gdt-sm [&_svg:not([class*='size-'])]:size-3.5",
|
|
41
|
+
"icon-lg": "size-12.5 text-gdt-md [&_svg:not([class*='size-'])]:size-4.5",
|
|
42
|
+
"icon-xl": "size-14 text-gdt-lg [&_svg:not([class*='size-'])]:size-5"
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
defaultVariants: {
|
|
46
|
+
variant: "primary",
|
|
47
|
+
size: "md"
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
function Button({
|
|
52
|
+
className,
|
|
53
|
+
variant = "primary",
|
|
54
|
+
size,
|
|
55
|
+
isLoading = false,
|
|
56
|
+
children,
|
|
57
|
+
disabled = false,
|
|
58
|
+
...props
|
|
59
|
+
}) {
|
|
60
|
+
const inheritedSize = useComponentSize();
|
|
61
|
+
const resolvedSize = size ?? inheritedSize;
|
|
62
|
+
const _disabled = disabled || isLoading;
|
|
63
|
+
return /* @__PURE__ */ jsxs(
|
|
64
|
+
ButtonPrimitive,
|
|
65
|
+
{
|
|
66
|
+
"data-slot": "button",
|
|
67
|
+
className: cn(
|
|
68
|
+
buttonVariants({
|
|
69
|
+
variant,
|
|
70
|
+
size: resolvedSize,
|
|
71
|
+
className
|
|
72
|
+
})
|
|
73
|
+
),
|
|
74
|
+
disabled: _disabled,
|
|
75
|
+
...props,
|
|
76
|
+
children: [
|
|
77
|
+
isLoading && /* @__PURE__ */ jsx(Loader, { className: "size-4 animate-spin" }),
|
|
78
|
+
" ",
|
|
79
|
+
children
|
|
80
|
+
]
|
|
81
|
+
}
|
|
82
|
+
);
|
|
83
|
+
}
|
|
84
|
+
function ButtonLink({
|
|
85
|
+
className,
|
|
86
|
+
render,
|
|
87
|
+
variant = "primary",
|
|
88
|
+
size,
|
|
89
|
+
disabled = false,
|
|
90
|
+
onClick,
|
|
91
|
+
children,
|
|
92
|
+
...props
|
|
93
|
+
}) {
|
|
94
|
+
const inheritedSize = useComponentSize();
|
|
95
|
+
const resolvedSize = size ?? inheritedSize;
|
|
96
|
+
return useRender({
|
|
97
|
+
defaultTagName: "a",
|
|
98
|
+
props: mergeProps(
|
|
99
|
+
{
|
|
100
|
+
className: cn(
|
|
101
|
+
buttonVariants({
|
|
102
|
+
variant,
|
|
103
|
+
size: resolvedSize,
|
|
104
|
+
className
|
|
105
|
+
})
|
|
106
|
+
),
|
|
107
|
+
children
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
...props,
|
|
111
|
+
"aria-disabled": disabled,
|
|
112
|
+
tabIndex: disabled ? -1 : props.tabIndex,
|
|
113
|
+
onClick: (event) => {
|
|
114
|
+
if (disabled) {
|
|
115
|
+
event.preventDefault();
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
onClick?.(event);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
),
|
|
122
|
+
render,
|
|
123
|
+
state: {
|
|
124
|
+
slot: "button-link",
|
|
125
|
+
disabled
|
|
126
|
+
}
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
export {
|
|
131
|
+
buttonVariants,
|
|
132
|
+
Button,
|
|
133
|
+
ButtonLink
|
|
134
|
+
};
|
|
135
|
+
//# sourceMappingURL=chunk-B4H6RNDH.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Loader } from \"lucide-react\";\nimport { cn } from \"./lib/cn\";\nimport { useComponentSize } from \"./size-context\";\n\nconst buttonVariants = cva(\n\t\"group/button inline-flex shrink-0 items-center justify-center rounded-full bg-clip-padding whitespace-nowrap font-bold transition-[background-color,color,border-color,box-shadow,transform] outline-none select-none focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-invalid:border-line-danger aria-invalid:ring-3 aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary:\n\t\t\t\t\t\"bg-action-primary text-fg-on-brand hover:bg-action-primary-hover active:bg-action-primary-pressed\",\n\t\t\t\t\"primary-outline\":\n\t\t\t\t\t\"border-2 border-action-primary bg-transparent text-fg-brand hover:bg-surface-brand-subtle active:bg-surface-brand-subtle data-focused:bg-surface-brand-subtle data-pressed:bg-surface-brand-subtle\",\n\t\t\t\tsecondary:\n\t\t\t\t\t\"bg-surface-brand-subtle text-fg-brand hover:bg-action-primary-hover hover:text-fg-on-brand active:bg-action-primary-pressed active:text-fg-on-brand data-focused:bg-action-primary-hover data-pressed:bg-action-primary-pressed data-focused:text-fg-on-brand data-pressed:text-fg-on-brand\",\n\t\t\t\t\"secondary-outline\":\n\t\t\t\t\t\"border-2 border-action-secondary bg-transparent text-fg-brand hover:bg-surface-brand-subtle active:bg-surface-brand-subtle data-focused:bg-surface-brand-subtle data-pressed:bg-surface-brand-subtle\",\n\t\t\t\ttertiary:\n\t\t\t\t\t\"bg-action-tertiary text-fg-primary hover:bg-action-tertiary-hover active:bg-action-tertiary-pressed data-focused:bg-action-tertiary-hover data-pressed:bg-action-tertiary-pressed\",\n\t\t\t\t\"tertiary-outline\":\n\t\t\t\t\t\"border border-line-strong bg-transparent text-fg-primary hover:bg-surface active:bg-surface-raised data-focused:bg-surface data-pressed:bg-surface-raised\",\n\t\t\t\tghost:\n\t\t\t\t\t\"bg-transparent text-fg-primary hover:bg-surface active:bg-surface-raised data-focused:bg-surface data-pressed:bg-surface-raised\",\n\t\t\t\tdanger:\n\t\t\t\t\t\"bg-action-danger text-fg-on-brand hover:bg-action-danger-hover active:bg-action-danger-pressed data-focused:bg-action-danger-hover data-pressed:bg-action-danger-pressed\",\n\t\t\t\twhatsapp:\n\t\t\t\t\t\"bg-whatsapp-button text-black [&_svg]:text-white hover:brightness-95 active:brightness-90 data-focused:brightness-95 data-pressed:brightness-90\",\n\t\t\t\t\"glass-overlay\":\n\t\t\t\t\t\"bg-surface-glass-overlay-button text-fg-on-brand shadow-2 backdrop-blur-sm hover:scale-105 active:scale-95\",\n\t\t\t\t\"link-brand\":\n\t\t\t\t\t\"border-transparent bg-transparent px-0 text-fg-brand hover:underline active:underline active:opacity-70\",\n\t\t\t\t\"link-neutral\":\n\t\t\t\t\t\"border-transparent bg-transparent px-0 text-fg-secondary hover:underline active:underline active:opacity-70\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: \"h-8 min-w-8 gap-2 px-3.5 text-gdt-xs [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tmd: \"h-10 min-w-10 gap-2 px-4.5 text-gdt-sm [&_svg:not([class*='size-'])]:size-4.5\",\n\t\t\t\tlg: \"h-12 min-w-12 gap-2.5 px-5.5 text-gdt-md [&_svg:not([class*='size-'])]:size-6\",\n\t\t\t\txl: \"h-14 min-w-14 gap-3 px-6.5 text-gdt-lg [&_svg:not([class*='size-'])]:size-6\",\n\t\t\t\ticon: \"size-10\",\n\t\t\t\t\"icon-xs\": \"size-6 text-gdt-xs [&_svg:not([class*='size-'])]:size-3\",\n\t\t\t\t\"icon-sm\": \"size-8 text-gdt-sm [&_svg:not([class*='size-'])]:size-3.5\",\n\t\t\t\t\"icon-lg\":\n\t\t\t\t\t\"size-12.5 text-gdt-md [&_svg:not([class*='size-'])]:size-4.5\",\n\t\t\t\t\"icon-xl\": \"size-14 text-gdt-lg [&_svg:not([class*='size-'])]:size-5\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"primary\",\n\t\t\tsize: \"md\",\n\t\t},\n\t},\n);\n\ntype ButtonSize = NonNullable<VariantProps<typeof buttonVariants>[\"size\"]>;\n\nfunction Button({\n\tclassName,\n\tvariant = \"primary\",\n\tsize,\n\tisLoading = false,\n\tchildren,\n\tdisabled = false,\n\t...props\n}: ButtonPrimitive.Props &\n\tVariantProps<typeof buttonVariants> & { isLoading?: boolean }) {\n\tconst inheritedSize = useComponentSize();\n\tconst resolvedSize = size ?? inheritedSize;\n\tconst _disabled = disabled || isLoading;\n\treturn (\n\t\t<ButtonPrimitive\n\t\t\tdata-slot=\"button\"\n\t\t\tclassName={cn(\n\t\t\t\tbuttonVariants({\n\t\t\t\t\tvariant,\n\t\t\t\t\tsize: resolvedSize,\n\t\t\t\t\tclassName,\n\t\t\t\t}),\n\t\t\t)}\n\t\t\tdisabled={_disabled}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isLoading && <Loader className=\"size-4 animate-spin\" />} {children}\n\t\t</ButtonPrimitive>\n\t);\n}\n\ntype ButtonLinkProps = useRender.ComponentProps<\"a\"> &\n\tVariantProps<typeof buttonVariants> & {\n\t\tdisabled?: boolean;\n\t};\n\nfunction ButtonLink({\n\tclassName,\n\trender,\n\tvariant = \"primary\",\n\tsize,\n\tdisabled = false,\n\tonClick,\n\tchildren,\n\t...props\n}: ButtonLinkProps) {\n\tconst inheritedSize = useComponentSize();\n\tconst resolvedSize: ButtonSize = size ?? inheritedSize;\n\n\treturn useRender({\n\t\tdefaultTagName: \"a\",\n\t\tprops: mergeProps<\"a\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\tbuttonVariants({\n\t\t\t\t\t\tvariant,\n\t\t\t\t\t\tsize: resolvedSize,\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t}),\n\t\t\t\t),\n\t\t\t\tchildren,\n\t\t\t},\n\t\t\t{\n\t\t\t\t...props,\n\t\t\t\t\"aria-disabled\": disabled,\n\t\t\t\ttabIndex: disabled ? -1 : props.tabIndex,\n\t\t\t\tonClick: (event) => {\n\t\t\t\t\tif (disabled) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tonClick?.(event);\n\t\t\t\t},\n\t\t\t},\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\tslot: \"button-link\",\n\t\t\tdisabled,\n\t\t},\n\t});\n}\n\nexport { Button, ButtonLink, buttonVariants };\n"],"mappings":";;;;;;;;AAAA,SAAS,UAAU,uBAAuB;AAC1C,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,WAA8B;AACvC,SAAS,cAAc;AAsErB,SAYe,KAZf;AAlEF,IAAM,iBAAiB;AAAA,EACtB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SACC;AAAA,QACD,mBACC;AAAA,QACD,WACC;AAAA,QACD,qBACC;AAAA,QACD,UACC;AAAA,QACD,oBACC;AAAA,QACD,OACC;AAAA,QACD,QACC;AAAA,QACD,UACC;AAAA,QACD,iBACC;AAAA,QACD,cACC;AAAA,QACD,gBACC;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WACC;AAAA,QACD,WAAW;AAAA,MACZ;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IACP;AAAA,EACD;AACD;AAIA,SAAS,OAAO;AAAA,EACf;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACJ,GACgE;AAC/D,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,eAAe,QAAQ;AAC7B,QAAM,YAAY,YAAY;AAC9B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV,eAAe;AAAA,UACd;AAAA,UACA,MAAM;AAAA,UACN;AAAA,QACD,CAAC;AAAA,MACF;AAAA,MACA,UAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA,qBAAa,oBAAC,UAAO,WAAU,uBAAsB;AAAA,QAAG;AAAA,QAAE;AAAA;AAAA;AAAA,EAC5D;AAEF;AAOA,SAAS,WAAW;AAAA,EACnB;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAoB;AACnB,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,eAA2B,QAAQ;AAEzC,SAAO,UAAU;AAAA,IAChB,gBAAgB;AAAA,IAChB,OAAO;AAAA,MACN;AAAA,QACC,WAAW;AAAA,UACV,eAAe;AAAA,YACd;AAAA,YACA,MAAM;AAAA,YACN;AAAA,UACD,CAAC;AAAA,QACF;AAAA,QACA;AAAA,MACD;AAAA,MACA;AAAA,QACC,GAAG;AAAA,QACH,iBAAiB;AAAA,QACjB,UAAU,WAAW,KAAK,MAAM;AAAA,QAChC,SAAS,CAAC,UAAU;AACnB,cAAI,UAAU;AACb,kBAAM,eAAe;AACrB;AAAA,UACD;AAEA,oBAAU,KAAK;AAAA,QAChB;AAAA,MACD;AAAA,IACD;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MACN,MAAM;AAAA,MACN;AAAA,IACD;AAAA,EACD,CAAC;AACF;","names":[]}
|
|
@@ -0,0 +1,219 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-Y4TTYVNE.js";
|
|
4
|
+
|
|
5
|
+
// src/review-block.tsx
|
|
6
|
+
import { mergeProps } from "@base-ui/react/merge-props";
|
|
7
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
8
|
+
import { cva } from "class-variance-authority";
|
|
9
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
+
var STAR_INDEXES = [0, 1, 2, 3, 4];
|
|
11
|
+
var reviewBlockVariants = cva(
|
|
12
|
+
"group/review-block inline-flex w-fit min-w-0 flex-col items-center justify-center rounded-full bg-canvas text-fg-primary transition-[background-color,border-color,box-shadow]",
|
|
13
|
+
{
|
|
14
|
+
variants: {
|
|
15
|
+
size: {
|
|
16
|
+
xs: "gap-[2px] border px-6 py-1.5",
|
|
17
|
+
sm: "gap-[3px] border-[1.5px] px-10 py-1.5",
|
|
18
|
+
md: "gap-1 border-2 px-14 py-2",
|
|
19
|
+
lg: "gap-[5px] border-[2.5px] px-18 py-2.5"
|
|
20
|
+
},
|
|
21
|
+
bordered: {
|
|
22
|
+
true: "border-line-focus",
|
|
23
|
+
false: "border-transparent"
|
|
24
|
+
},
|
|
25
|
+
showReviewText: {
|
|
26
|
+
true: "",
|
|
27
|
+
false: ""
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
defaultVariants: {
|
|
31
|
+
size: "md",
|
|
32
|
+
bordered: true,
|
|
33
|
+
showReviewText: true
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
);
|
|
37
|
+
var reviewBlockStarsVariants = cva("inline-flex shrink-0 items-center", {
|
|
38
|
+
variants: {
|
|
39
|
+
size: {
|
|
40
|
+
xs: "gap-1.5",
|
|
41
|
+
sm: "gap-2",
|
|
42
|
+
md: "gap-2.5",
|
|
43
|
+
lg: "gap-3.5"
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
defaultVariants: {
|
|
47
|
+
size: "md"
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
var reviewBlockStarVariants = cva("relative inline-flex shrink-0", {
|
|
51
|
+
variants: {
|
|
52
|
+
size: {
|
|
53
|
+
xs: "size-4",
|
|
54
|
+
sm: "size-6",
|
|
55
|
+
md: "size-9",
|
|
56
|
+
lg: "size-12"
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
defaultVariants: {
|
|
60
|
+
size: "md"
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
var reviewBlockStarIconVariants = cva("block h-full max-w-none", {
|
|
64
|
+
variants: {
|
|
65
|
+
size: {
|
|
66
|
+
xs: "w-4",
|
|
67
|
+
sm: "w-6",
|
|
68
|
+
md: "w-9",
|
|
69
|
+
lg: "w-12"
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
defaultVariants: {
|
|
73
|
+
size: "md"
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
var reviewBlockTextVariants = cva(
|
|
77
|
+
"text-center font-medium text-fg-primary whitespace-nowrap",
|
|
78
|
+
{
|
|
79
|
+
variants: {
|
|
80
|
+
size: {
|
|
81
|
+
xs: "text-[0.75rem] leading-[1.125rem]",
|
|
82
|
+
sm: "text-gdt-sm",
|
|
83
|
+
md: "text-[1rem] leading-[1.375rem]",
|
|
84
|
+
lg: "text-[1.125rem] leading-[1.5rem]"
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
defaultVariants: {
|
|
88
|
+
size: "md"
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
);
|
|
92
|
+
function clampRating(rating) {
|
|
93
|
+
if (!Number.isFinite(rating)) {
|
|
94
|
+
return 0;
|
|
95
|
+
}
|
|
96
|
+
return Math.min(5, Math.max(0, rating));
|
|
97
|
+
}
|
|
98
|
+
function getStarFill(index, rating) {
|
|
99
|
+
return Math.min(1, Math.max(0, rating - index)) * 100;
|
|
100
|
+
}
|
|
101
|
+
function formatRating(rating) {
|
|
102
|
+
return Number.isInteger(rating) ? rating.toString() : rating.toFixed(2).replace(/0+$/, "").replace(/\.$/, "");
|
|
103
|
+
}
|
|
104
|
+
function formatReviewText(reviewCount, reviewLabel = "Review") {
|
|
105
|
+
const normalizedLabel = reviewCount === 1 ? reviewLabel : `${reviewLabel}s`;
|
|
106
|
+
return `${reviewCount.toLocaleString()} ${normalizedLabel}`;
|
|
107
|
+
}
|
|
108
|
+
function ReviewStarIcon(props) {
|
|
109
|
+
return /* @__PURE__ */ jsx(
|
|
110
|
+
"svg",
|
|
111
|
+
{
|
|
112
|
+
"aria-hidden": "true",
|
|
113
|
+
fill: "none",
|
|
114
|
+
focusable: "false",
|
|
115
|
+
viewBox: "0 0 35 33",
|
|
116
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
117
|
+
...props,
|
|
118
|
+
children: /* @__PURE__ */ jsx(
|
|
119
|
+
"path",
|
|
120
|
+
{
|
|
121
|
+
d: "m17.119 0 4.042 12.437h13.077l-10.58 7.688L27.7 32.562l-10.58-7.686-10.58 7.686 4.04-12.437L0 12.438h13.077L17.12 0Z",
|
|
122
|
+
fill: "currentColor"
|
|
123
|
+
}
|
|
124
|
+
)
|
|
125
|
+
}
|
|
126
|
+
);
|
|
127
|
+
}
|
|
128
|
+
function ReviewStar({
|
|
129
|
+
fillPercent,
|
|
130
|
+
size
|
|
131
|
+
}) {
|
|
132
|
+
return /* @__PURE__ */ jsxs("span", { className: reviewBlockStarVariants({ size }), children: [
|
|
133
|
+
/* @__PURE__ */ jsx(
|
|
134
|
+
ReviewStarIcon,
|
|
135
|
+
{
|
|
136
|
+
"aria-hidden": "true",
|
|
137
|
+
className: cn("text-line-focus", reviewBlockStarIconVariants({ size }))
|
|
138
|
+
}
|
|
139
|
+
),
|
|
140
|
+
/* @__PURE__ */ jsx(
|
|
141
|
+
"span",
|
|
142
|
+
{
|
|
143
|
+
"aria-hidden": "true",
|
|
144
|
+
className: "absolute inset-y-0 left-0 overflow-hidden text-line-focus",
|
|
145
|
+
style: { width: `${fillPercent}%` },
|
|
146
|
+
children: /* @__PURE__ */ jsx(ReviewStarIcon, { className: reviewBlockStarIconVariants({ size }) })
|
|
147
|
+
}
|
|
148
|
+
)
|
|
149
|
+
] });
|
|
150
|
+
}
|
|
151
|
+
function ReviewBlock({
|
|
152
|
+
bordered = true,
|
|
153
|
+
className,
|
|
154
|
+
rating,
|
|
155
|
+
ratingLabel,
|
|
156
|
+
render,
|
|
157
|
+
reviewCount,
|
|
158
|
+
reviewLabel,
|
|
159
|
+
size = "md",
|
|
160
|
+
showReviewText = true,
|
|
161
|
+
...props
|
|
162
|
+
}) {
|
|
163
|
+
const resolvedSize = size ?? "md";
|
|
164
|
+
const normalizedRating = clampRating(rating);
|
|
165
|
+
const formattedRating = formatRating(normalizedRating);
|
|
166
|
+
const reviewText = showReviewText && typeof reviewCount === "number" ? formatReviewText(reviewCount, reviewLabel) : null;
|
|
167
|
+
const ariaLabel = ratingLabel ?? (reviewText ? `${formattedRating} out of 5 stars, ${reviewText}` : `${formattedRating} out of 5 stars`);
|
|
168
|
+
return useRender({
|
|
169
|
+
defaultTagName: "div",
|
|
170
|
+
props: mergeProps(
|
|
171
|
+
{
|
|
172
|
+
"aria-label": ariaLabel,
|
|
173
|
+
className: cn(
|
|
174
|
+
reviewBlockVariants({
|
|
175
|
+
bordered,
|
|
176
|
+
size: resolvedSize,
|
|
177
|
+
showReviewText: Boolean(reviewText)
|
|
178
|
+
}),
|
|
179
|
+
className
|
|
180
|
+
),
|
|
181
|
+
children: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
182
|
+
/* @__PURE__ */ jsx(
|
|
183
|
+
"span",
|
|
184
|
+
{
|
|
185
|
+
"aria-hidden": "true",
|
|
186
|
+
className: reviewBlockStarsVariants({ size: resolvedSize }),
|
|
187
|
+
children: STAR_INDEXES.map((index) => /* @__PURE__ */ jsx(
|
|
188
|
+
ReviewStar,
|
|
189
|
+
{
|
|
190
|
+
fillPercent: getStarFill(index, normalizedRating),
|
|
191
|
+
size: resolvedSize
|
|
192
|
+
},
|
|
193
|
+
index
|
|
194
|
+
))
|
|
195
|
+
}
|
|
196
|
+
),
|
|
197
|
+
reviewText ? /* @__PURE__ */ jsx("span", { className: reviewBlockTextVariants({ size: resolvedSize }), children: reviewText }) : null
|
|
198
|
+
] }),
|
|
199
|
+
role: "img"
|
|
200
|
+
},
|
|
201
|
+
props
|
|
202
|
+
),
|
|
203
|
+
render,
|
|
204
|
+
state: {
|
|
205
|
+
bordered,
|
|
206
|
+
rating: normalizedRating,
|
|
207
|
+
reviewCount,
|
|
208
|
+
size: resolvedSize,
|
|
209
|
+
showReviewText: Boolean(reviewText),
|
|
210
|
+
slot: "review-block"
|
|
211
|
+
}
|
|
212
|
+
});
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
export {
|
|
216
|
+
reviewBlockVariants,
|
|
217
|
+
ReviewBlock
|
|
218
|
+
};
|
|
219
|
+
//# sourceMappingURL=chunk-BUXCGZ6X.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/review-block.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type { SVGProps } from \"react\";\n\nimport { cn } from \"./lib/cn\";\n\nconst STAR_INDEXES = [0, 1, 2, 3, 4] as const;\n\nconst reviewBlockVariants = cva(\n\t\"group/review-block inline-flex w-fit min-w-0 flex-col items-center justify-center rounded-full bg-canvas text-fg-primary transition-[background-color,border-color,box-shadow]\",\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: \"gap-[2px] border px-6 py-1.5\",\n\t\t\t\tsm: \"gap-[3px] border-[1.5px] px-10 py-1.5\",\n\t\t\t\tmd: \"gap-1 border-2 px-14 py-2\",\n\t\t\t\tlg: \"gap-[5px] border-[2.5px] px-18 py-2.5\",\n\t\t\t},\n\t\t\tbordered: {\n\t\t\t\ttrue: \"border-line-focus\",\n\t\t\t\tfalse: \"border-transparent\",\n\t\t\t},\n\t\t\tshowReviewText: {\n\t\t\t\ttrue: \"\",\n\t\t\t\tfalse: \"\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsize: \"md\",\n\t\t\tbordered: true,\n\t\t\tshowReviewText: true,\n\t\t},\n\t},\n);\n\nconst reviewBlockStarsVariants = cva(\"inline-flex shrink-0 items-center\", {\n\tvariants: {\n\t\tsize: {\n\t\t\txs: \"gap-1.5\",\n\t\t\tsm: \"gap-2\",\n\t\t\tmd: \"gap-2.5\",\n\t\t\tlg: \"gap-3.5\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t},\n});\n\nconst reviewBlockStarVariants = cva(\"relative inline-flex shrink-0\", {\n\tvariants: {\n\t\tsize: {\n\t\t\txs: \"size-4\",\n\t\t\tsm: \"size-6\",\n\t\t\tmd: \"size-9\",\n\t\t\tlg: \"size-12\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t},\n});\n\nconst reviewBlockStarIconVariants = cva(\"block h-full max-w-none\", {\n\tvariants: {\n\t\tsize: {\n\t\t\txs: \"w-4\",\n\t\t\tsm: \"w-6\",\n\t\t\tmd: \"w-9\",\n\t\t\tlg: \"w-12\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t},\n});\n\nconst reviewBlockTextVariants = cva(\n\t\"text-center font-medium text-fg-primary whitespace-nowrap\",\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: \"text-[0.75rem] leading-[1.125rem]\",\n\t\t\t\tsm: \"text-gdt-sm\",\n\t\t\t\tmd: \"text-[1rem] leading-[1.375rem]\",\n\t\t\t\tlg: \"text-[1.125rem] leading-[1.5rem]\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsize: \"md\",\n\t\t},\n\t},\n);\n\ntype ReviewBlockSize = NonNullable<\n\tVariantProps<typeof reviewBlockVariants>[\"size\"]\n>;\n\ntype ReviewBlockProps = Omit<useRender.ComponentProps<\"div\">, \"children\"> &\n\tVariantProps<typeof reviewBlockVariants> & {\n\t\trating: number;\n\t\treviewCount?: number;\n\t\treviewLabel?: string;\n\t\tratingLabel?: string;\n\t};\n\nfunction clampRating(rating: number) {\n\tif (!Number.isFinite(rating)) {\n\t\treturn 0;\n\t}\n\n\treturn Math.min(5, Math.max(0, rating));\n}\n\nfunction getStarFill(index: number, rating: number) {\n\treturn Math.min(1, Math.max(0, rating - index)) * 100;\n}\n\nfunction formatRating(rating: number) {\n\treturn Number.isInteger(rating)\n\t\t? rating.toString()\n\t\t: rating.toFixed(2).replace(/0+$/, \"\").replace(/\\.$/, \"\");\n}\n\nfunction formatReviewText(reviewCount: number, reviewLabel = \"Review\") {\n\tconst normalizedLabel = reviewCount === 1 ? reviewLabel : `${reviewLabel}s`;\n\n\treturn `${reviewCount.toLocaleString()} ${normalizedLabel}`;\n}\n\nfunction ReviewStarIcon(props: SVGProps<SVGSVGElement>) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tfill=\"none\"\n\t\t\tfocusable=\"false\"\n\t\t\tviewBox=\"0 0 35 33\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"m17.119 0 4.042 12.437h13.077l-10.58 7.688L27.7 32.562l-10.58-7.686-10.58 7.686 4.04-12.437L0 12.438h13.077L17.12 0Z\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nfunction ReviewStar({\n\tfillPercent,\n\tsize,\n}: {\n\tfillPercent: number;\n\tsize: ReviewBlockSize;\n}) {\n\treturn (\n\t\t<span className={reviewBlockStarVariants({ size })}>\n\t\t\t<ReviewStarIcon\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={cn(\"text-line-focus\", reviewBlockStarIconVariants({ size }))}\n\t\t\t/>\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"absolute inset-y-0 left-0 overflow-hidden text-line-focus\"\n\t\t\t\tstyle={{ width: `${fillPercent}%` }}\n\t\t\t>\n\t\t\t\t<ReviewStarIcon className={reviewBlockStarIconVariants({ size })} />\n\t\t\t</span>\n\t\t</span>\n\t);\n}\n\nfunction ReviewBlock({\n\tbordered = true,\n\tclassName,\n\trating,\n\tratingLabel,\n\trender,\n\treviewCount,\n\treviewLabel,\n\tsize = \"md\",\n\tshowReviewText = true,\n\t...props\n}: ReviewBlockProps) {\n\tconst resolvedSize = size ?? \"md\";\n\tconst normalizedRating = clampRating(rating);\n\tconst formattedRating = formatRating(normalizedRating);\n\tconst reviewText =\n\t\tshowReviewText && typeof reviewCount === \"number\"\n\t\t\t? formatReviewText(reviewCount, reviewLabel)\n\t\t\t: null;\n\tconst ariaLabel =\n\t\tratingLabel ??\n\t\t(reviewText\n\t\t\t? `${formattedRating} out of 5 stars, ${reviewText}`\n\t\t\t: `${formattedRating} out of 5 stars`);\n\n\treturn useRender({\n\t\tdefaultTagName: \"div\",\n\t\tprops: mergeProps<\"div\">(\n\t\t\t{\n\t\t\t\t\"aria-label\": ariaLabel,\n\t\t\t\tclassName: cn(\n\t\t\t\t\treviewBlockVariants({\n\t\t\t\t\t\tbordered,\n\t\t\t\t\t\tsize: resolvedSize,\n\t\t\t\t\t\tshowReviewText: Boolean(reviewText),\n\t\t\t\t\t}),\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t\tchildren: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\tclassName={reviewBlockStarsVariants({ size: resolvedSize })}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{STAR_INDEXES.map((index) => (\n\t\t\t\t\t\t\t\t<ReviewStar\n\t\t\t\t\t\t\t\t\tfillPercent={getStarFill(index, normalizedRating)}\n\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\tsize={resolvedSize}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{reviewText ? (\n\t\t\t\t\t\t\t<span className={reviewBlockTextVariants({ size: resolvedSize })}>\n\t\t\t\t\t\t\t\t{reviewText}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t\trole: \"img\",\n\t\t\t},\n\t\t\tprops,\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\tbordered,\n\t\t\trating: normalizedRating,\n\t\t\treviewCount,\n\t\t\tsize: resolvedSize,\n\t\t\tshowReviewText: Boolean(reviewText),\n\t\t\tslot: \"review-block\",\n\t\t},\n\t});\n}\n\nexport { ReviewBlock, reviewBlockVariants };\nexport type { ReviewBlockProps, ReviewBlockSize };\n"],"mappings":"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","names":[]}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-Y4TTYVNE.js";
|
|
4
|
+
|
|
5
|
+
// src/separator.tsx
|
|
6
|
+
import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
|
|
7
|
+
import { jsx } from "react/jsx-runtime";
|
|
8
|
+
function Separator({
|
|
9
|
+
className,
|
|
10
|
+
orientation = "horizontal",
|
|
11
|
+
dashed = false,
|
|
12
|
+
shade = "feint",
|
|
13
|
+
thickness = "default",
|
|
14
|
+
...props
|
|
15
|
+
}) {
|
|
16
|
+
return /* @__PURE__ */ jsx(
|
|
17
|
+
SeparatorPrimitive,
|
|
18
|
+
{
|
|
19
|
+
"data-slot": "separator",
|
|
20
|
+
orientation,
|
|
21
|
+
className: cn(
|
|
22
|
+
"shrink-0",
|
|
23
|
+
dashed ? [
|
|
24
|
+
// DASHED STATE: Uses borders for thickness and color
|
|
25
|
+
"border-dashed",
|
|
26
|
+
"data-[orientation=horizontal]:h-0 data-[orientation=horizontal]:w-full",
|
|
27
|
+
"data-[orientation=vertical]:w-0 data-[orientation=vertical]:self-stretch",
|
|
28
|
+
// shade
|
|
29
|
+
shade === "feint" && "border-line-subtle",
|
|
30
|
+
shade === "deep" && "border-line",
|
|
31
|
+
// thickness
|
|
32
|
+
thickness === "hairline" && "data-[orientation=horizontal]:border-t-[0.5px] data-[orientation=vertical]:border-l-[0.5px]",
|
|
33
|
+
thickness === "default" && "data-[orientation=horizontal]:border-t data-[orientation=vertical]:border-l",
|
|
34
|
+
thickness === "thick" && "data-[orientation=horizontal]:border-t-2 data-[orientation=vertical]:border-l-2",
|
|
35
|
+
thickness === "extra-thick" && "data-[orientation=horizontal]:border-t-[3px] data-[orientation=vertical]:border-l-[3px]"
|
|
36
|
+
] : [
|
|
37
|
+
// SOLID STATE: Uses background color and height/width dimensions
|
|
38
|
+
"data-[orientation=horizontal]:w-full data-[orientation=vertical]:self-stretch",
|
|
39
|
+
// shade
|
|
40
|
+
shade === "feint" && "bg-line-subtle",
|
|
41
|
+
shade === "deep" && "bg-line",
|
|
42
|
+
// thickness
|
|
43
|
+
thickness === "hairline" && "data-[orientation=horizontal]:h-[0.5px] data-[orientation=vertical]:w-[0.5px]",
|
|
44
|
+
thickness === "default" && "data-[orientation=horizontal]:h-px data-[orientation=vertical]:w-px",
|
|
45
|
+
thickness === "thick" && "data-[orientation=horizontal]:h-0.5 data-[orientation=vertical]:w-0.5",
|
|
46
|
+
thickness === "extra-thick" && "data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5"
|
|
47
|
+
],
|
|
48
|
+
className
|
|
49
|
+
),
|
|
50
|
+
...props
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
export {
|
|
56
|
+
Separator
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=chunk-CHII2QHH.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\nimport { cn } from \"./lib/cn\";\n\nfunction Separator({\n\tclassName,\n\torientation = \"horizontal\",\n\tdashed = false,\n\tshade = \"feint\",\n\tthickness = \"default\",\n\t...props\n}: SeparatorPrimitive.Props & {\n\tdashed?: boolean;\n\tshade?: \"feint\" | \"deep\";\n\tthickness?: \"hairline\" | \"default\" | \"thick\" | \"extra-thick\";\n}) {\n\treturn (\n\t\t<SeparatorPrimitive\n\t\t\tdata-slot=\"separator\"\n\t\t\torientation={orientation}\n\t\t\tclassName={cn(\n\t\t\t\t\"shrink-0\",\n\t\t\t\tdashed\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t// DASHED STATE: Uses borders for thickness and color\n\t\t\t\t\t\t\t\"border-dashed\",\n\t\t\t\t\t\t\t\"data-[orientation=horizontal]:h-0 data-[orientation=horizontal]:w-full\",\n\t\t\t\t\t\t\t\"data-[orientation=vertical]:w-0 data-[orientation=vertical]:self-stretch\",\n\t\t\t\t\t\t\t// shade\n\t\t\t\t\t\t\tshade === \"feint\" && \"border-line-subtle\",\n\t\t\t\t\t\t\tshade === \"deep\" && \"border-line\",\n\t\t\t\t\t\t\t// thickness\n\t\t\t\t\t\t\tthickness === \"hairline\" &&\n\t\t\t\t\t\t\t\t\"data-[orientation=horizontal]:border-t-[0.5px] data-[orientation=vertical]:border-l-[0.5px]\",\n\t\t\t\t\t\t\tthickness === \"default\" &&\n\t\t\t\t\t\t\t\t\"data-[orientation=horizontal]:border-t data-[orientation=vertical]:border-l\",\n\t\t\t\t\t\t\tthickness === \"thick\" &&\n\t\t\t\t\t\t\t\t\"data-[orientation=horizontal]:border-t-2 data-[orientation=vertical]:border-l-2\",\n\t\t\t\t\t\t\tthickness === \"extra-thick\" &&\n\t\t\t\t\t\t\t\t\"data-[orientation=horizontal]:border-t-[3px] data-[orientation=vertical]:border-l-[3px]\",\n\t\t\t\t\t\t]\n\t\t\t\t\t: [\n\t\t\t\t\t\t\t// SOLID STATE: Uses background color and height/width dimensions\n\t\t\t\t\t\t\t\"data-[orientation=horizontal]:w-full data-[orientation=vertical]:self-stretch\",\n\t\t\t\t\t\t\t// shade\n\t\t\t\t\t\t\tshade === \"feint\" && \"bg-line-subtle\",\n\t\t\t\t\t\t\tshade === \"deep\" && \"bg-line\",\n\t\t\t\t\t\t\t// thickness\n\t\t\t\t\t\t\tthickness === \"hairline\" &&\n\t\t\t\t\t\t\t\t\"data-[orientation=horizontal]:h-[0.5px] data-[orientation=vertical]:w-[0.5px]\",\n\t\t\t\t\t\t\tthickness === \"default\" &&\n\t\t\t\t\t\t\t\t\"data-[orientation=horizontal]:h-px data-[orientation=vertical]:w-px\",\n\t\t\t\t\t\t\tthickness === \"thick\" &&\n\t\t\t\t\t\t\t\t\"data-[orientation=horizontal]:h-0.5 data-[orientation=vertical]:w-0.5\",\n\t\t\t\t\t\t\tthickness === \"extra-thick\" &&\n\t\t\t\t\t\t\t\t\"data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5\",\n\t\t\t\t\t\t],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Separator };\n"],"mappings":";;;;;AAEA,SAAS,aAAa,0BAA0B;AAgB9C;AAbF,SAAS,UAAU;AAAA,EAClB;AAAA,EACA,cAAc;AAAA,EACd,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,GAAG;AACJ,GAIG;AACF,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACV;AAAA,QACA,SACG;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,UAEA,UAAU,WAAW;AAAA,UACrB,UAAU,UAAU;AAAA;AAAA,UAEpB,cAAc,cACb;AAAA,UACD,cAAc,aACb;AAAA,UACD,cAAc,WACb;AAAA,UACD,cAAc,iBACb;AAAA,QACF,IACC;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA,UAAU,WAAW;AAAA,UACrB,UAAU,UAAU;AAAA;AAAA,UAEpB,cAAc,cACb;AAAA,UACD,cAAc,aACb;AAAA,UACD,cAAc,WACb;AAAA,UACD,cAAc,iBACb;AAAA,QACF;AAAA,QACF;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;","names":[]}
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
// src/logo.tsx
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
function GiddaaLogo(props) {
|
|
4
|
+
return /* @__PURE__ */ jsxs(
|
|
5
|
+
"svg",
|
|
6
|
+
{
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
width: 142,
|
|
9
|
+
height: 58,
|
|
10
|
+
viewBox: "0 0 142 58",
|
|
11
|
+
role: "img",
|
|
12
|
+
"aria-label": "Giddaa Logo",
|
|
13
|
+
fill: "none",
|
|
14
|
+
...props,
|
|
15
|
+
children: [
|
|
16
|
+
/* @__PURE__ */ jsx(
|
|
17
|
+
"path",
|
|
18
|
+
{
|
|
19
|
+
fill: "currentColor",
|
|
20
|
+
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"
|
|
21
|
+
}
|
|
22
|
+
),
|
|
23
|
+
/* @__PURE__ */ jsx(
|
|
24
|
+
"path",
|
|
25
|
+
{
|
|
26
|
+
fill: "currentColor",
|
|
27
|
+
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"
|
|
28
|
+
}
|
|
29
|
+
),
|
|
30
|
+
/* @__PURE__ */ jsx(
|
|
31
|
+
"path",
|
|
32
|
+
{
|
|
33
|
+
fill: "#f7b11c",
|
|
34
|
+
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"
|
|
35
|
+
}
|
|
36
|
+
),
|
|
37
|
+
/* @__PURE__ */ jsx(
|
|
38
|
+
"path",
|
|
39
|
+
{
|
|
40
|
+
fill: "currentColor",
|
|
41
|
+
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"
|
|
42
|
+
}
|
|
43
|
+
),
|
|
44
|
+
/* @__PURE__ */ jsx(
|
|
45
|
+
"path",
|
|
46
|
+
{
|
|
47
|
+
fill: "#d9d9d9",
|
|
48
|
+
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"
|
|
49
|
+
}
|
|
50
|
+
),
|
|
51
|
+
/* @__PURE__ */ jsx(
|
|
52
|
+
"path",
|
|
53
|
+
{
|
|
54
|
+
fill: "currentColor",
|
|
55
|
+
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"
|
|
56
|
+
}
|
|
57
|
+
),
|
|
58
|
+
/* @__PURE__ */ jsx(
|
|
59
|
+
"path",
|
|
60
|
+
{
|
|
61
|
+
fill: "#d9d9d9",
|
|
62
|
+
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"
|
|
63
|
+
}
|
|
64
|
+
),
|
|
65
|
+
/* @__PURE__ */ jsx(
|
|
66
|
+
"path",
|
|
67
|
+
{
|
|
68
|
+
fill: "currentColor",
|
|
69
|
+
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"
|
|
70
|
+
}
|
|
71
|
+
)
|
|
72
|
+
]
|
|
73
|
+
}
|
|
74
|
+
);
|
|
75
|
+
}
|
|
76
|
+
function GiddaaIcon(props) {
|
|
77
|
+
return /* @__PURE__ */ jsxs(
|
|
78
|
+
"svg",
|
|
79
|
+
{
|
|
80
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
81
|
+
width: 55,
|
|
82
|
+
height: 58,
|
|
83
|
+
viewBox: "0 0 58 58",
|
|
84
|
+
role: "img",
|
|
85
|
+
"aria-label": "Giddaa Logo",
|
|
86
|
+
fill: "none",
|
|
87
|
+
...props,
|
|
88
|
+
children: [
|
|
89
|
+
/* @__PURE__ */ jsx(
|
|
90
|
+
"path",
|
|
91
|
+
{
|
|
92
|
+
fill: "currentColor",
|
|
93
|
+
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"
|
|
94
|
+
}
|
|
95
|
+
),
|
|
96
|
+
/* @__PURE__ */ jsx(
|
|
97
|
+
"path",
|
|
98
|
+
{
|
|
99
|
+
fill: "currentColor",
|
|
100
|
+
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"
|
|
101
|
+
}
|
|
102
|
+
),
|
|
103
|
+
/* @__PURE__ */ jsx(
|
|
104
|
+
"path",
|
|
105
|
+
{
|
|
106
|
+
fill: "#f7b11c",
|
|
107
|
+
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"
|
|
108
|
+
}
|
|
109
|
+
),
|
|
110
|
+
/* @__PURE__ */ jsx(
|
|
111
|
+
"path",
|
|
112
|
+
{
|
|
113
|
+
fill: "currentColor",
|
|
114
|
+
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"
|
|
115
|
+
}
|
|
116
|
+
),
|
|
117
|
+
/* @__PURE__ */ jsx(
|
|
118
|
+
"path",
|
|
119
|
+
{
|
|
120
|
+
fill: "#d9d9d9",
|
|
121
|
+
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"
|
|
122
|
+
}
|
|
123
|
+
),
|
|
124
|
+
/* @__PURE__ */ jsx(
|
|
125
|
+
"path",
|
|
126
|
+
{
|
|
127
|
+
fill: "currentColor",
|
|
128
|
+
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"
|
|
129
|
+
}
|
|
130
|
+
),
|
|
131
|
+
/* @__PURE__ */ jsx(
|
|
132
|
+
"path",
|
|
133
|
+
{
|
|
134
|
+
fill: "#d9d9d9",
|
|
135
|
+
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"
|
|
136
|
+
}
|
|
137
|
+
)
|
|
138
|
+
]
|
|
139
|
+
}
|
|
140
|
+
);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
export {
|
|
144
|
+
GiddaaLogo,
|
|
145
|
+
GiddaaIcon
|
|
146
|
+
};
|
|
147
|
+
//# sourceMappingURL=chunk-DMNOXRRW.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/logo.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nfunction GiddaaLogo(props: React.SVGProps<SVGSVGElement>) {\n\treturn (\n\t\t<svg\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\twidth={142}\n\t\t\theight={58}\n\t\t\tviewBox=\"0 0 142 58\"\n\t\t\trole=\"img\"\n\t\t\taria-label=\"Giddaa Logo\"\n\t\t\tfill=\"none\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<path\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\td=\"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\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\td=\"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\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tfill=\"#f7b11c\"\n\t\t\t\td=\"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\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\td=\"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\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tfill=\"#d9d9d9\"\n\t\t\t\td=\"M14.136 46.084c.51 0 .922-.384.922-.857s-.413-.856-.922-.856c-.508 0-.921.383-.921.856s.412.857.921.857\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\td=\"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\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tfill=\"#d9d9d9\"\n\t\t\t\td=\"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\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\td=\"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\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nfunction GiddaaIcon(props: React.SVGProps<SVGSVGElement>) {\n\treturn (\n\t\t<svg\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\twidth={55}\n\t\t\theight={58}\n\t\t\tviewBox=\"0 0 58 58\"\n\t\t\trole=\"img\"\n\t\t\taria-label=\"Giddaa Logo\"\n\t\t\tfill=\"none\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<path\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\td=\"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\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\td=\"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\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tfill=\"#f7b11c\"\n\t\t\t\td=\"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\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\td=\"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\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tfill=\"#d9d9d9\"\n\t\t\t\td=\"M14.136 46.084c.51 0 .922-.384.922-.857s-.413-.856-.922-.856c-.508 0-.921.383-.921.856s.412.857.921.857\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\td=\"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\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tfill=\"#d9d9d9\"\n\t\t\t\td=\"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\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nexport { GiddaaLogo, GiddaaIcon };\n"],"mappings":";AAIE,SAUC,KAVD;AAFF,SAAS,WAAW,OAAsC;AACzD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,cAAW;AAAA,MACX,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,SAAS,WAAW,OAAsC;AACzD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,cAAW;AAAA,MACX,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACD;AAEF;","names":[]}
|