@giddaa-housing/ui 0.1.0 → 1.0.0

package/package.json

@@ -1,34 +1,14 @@
 {
   "name": "@giddaa-housing/ui",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "Giddaa reusable UI component library.",
   "type": "module",
   "private": false,
-  "sideEffects": [
-    "./dist/base.css",
-    "./dist/red-hat-display.css",
-    "./dist/styles.css",
-    "./dist/theme/giddaa.css",
-    "./src/styles/base.css",
-    "./src/styles/fonts/red-hat-display.css",
-    "./src/styles/giddaa.css",
-    "./src/styles/index.css"
-  ],
   "files": [
-    "dist"
+    "dist",
+    "css"
   ],
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./styles.css": "./dist/styles.css",
-    "./base.css": "./dist/base.css",
-    "./theme/giddaa.css": "./dist/theme/giddaa.css",
-    "./fonts/red-hat-display.css": "./dist/red-hat-display.css",
     "./logo": {
       "types": "./dist/logo.d.ts",
       "import": "./dist/logo.js"
@@ -37,10 +17,18 @@
       "types": "./dist/accordion.d.ts",
       "import": "./dist/accordion.js"
     },
+    "./activity-timeline": {
+      "types": "./dist/activity-timeline.d.ts",
+      "import": "./dist/activity-timeline.js"
+    },
     "./alert": {
       "types": "./dist/alert.d.ts",
       "import": "./dist/alert.js"
     },
+    "./auth-layout": {
+      "types": "./dist/auth-layout.d.ts",
+      "import": "./dist/auth-layout.js"
+    },
     "./avatar": {
       "types": "./dist/avatar.d.ts",
       "import": "./dist/avatar.js"
@@ -97,10 +85,22 @@
       "types": "./dist/combobox.d.ts",
       "import": "./dist/combobox.js"
     },
+    "./cta": {
+      "types": "./dist/cta.d.ts",
+      "import": "./dist/cta.js"
+    },
+    "./currency-selector": {
+      "types": "./dist/currency-selector.d.ts",
+      "import": "./dist/currency-selector.js"
+    },
     "./date-picker": {
       "types": "./dist/date-picker.d.ts",
       "import": "./dist/date-picker.js"
     },
+    "./details-card": {
+      "types": "./dist/details-card.d.ts",
+      "import": "./dist/details-card.js"
+    },
     "./dialog": {
       "types": "./dist/dialog.d.ts",
       "import": "./dist/dialog.js"
@@ -117,14 +117,34 @@
       "types": "./dist/empty-state.d.ts",
       "import": "./dist/empty-state.js"
     },
+    "./editorial-card": {
+      "types": "./dist/editorial-card.d.ts",
+      "import": "./dist/editorial-card.js"
+    },
     "./field": {
       "types": "./dist/field.d.ts",
       "import": "./dist/field.js"
     },
+    "./footer": {
+      "types": "./dist/footer.d.ts",
+      "import": "./dist/footer.js"
+    },
     "./funnel-chart": {
       "types": "./dist/funnel-chart.d.ts",
       "import": "./dist/funnel-chart.js"
     },
+    "./gallery-indicator": {
+      "types": "./dist/gallery-indicator.d.ts",
+      "import": "./dist/gallery-indicator.js"
+    },
+    "./heatmap-chart": {
+      "types": "./dist/heatmap-chart.d.ts",
+      "import": "./dist/heatmap-chart.js"
+    },
+    "./infotip": {
+      "types": "./dist/infotip.d.ts",
+      "import": "./dist/infotip.js"
+    },
     "./input": {
       "types": "./dist/input.d.ts",
       "import": "./dist/input.js"
@@ -153,6 +173,22 @@
       "types": "./dist/line-chart.d.ts",
       "import": "./dist/line-chart.js"
     },
+    "./match": {
+      "types": "./dist/match.d.ts",
+      "import": "./dist/match.js"
+    },
+    "./map-indicator": {
+      "types": "./dist/map-indicator.d.ts",
+      "import": "./dist/map-indicator.js"
+    },
+    "./media-gallery-hero": {
+      "types": "./dist/media-gallery-hero.d.ts",
+      "import": "./dist/media-gallery-hero.js"
+    },
+    "./media-player": {
+      "types": "./dist/media-player.d.ts",
+      "import": "./dist/media-player.js"
+    },
     "./number-input": {
       "types": "./dist/number-input.d.ts",
       "import": "./dist/number-input.js"
@@ -185,18 +221,38 @@
       "types": "./dist/popover.d.ts",
       "import": "./dist/popover.js"
     },
+    "./price-tag": {
+      "types": "./dist/price-tag.d.ts",
+      "import": "./dist/price-tag.js"
+    },
     "./progress": {
       "types": "./dist/progress.d.ts",
       "import": "./dist/progress.js"
     },
+    "./property-listing-card": {
+      "types": "./dist/property-listing-card.d.ts",
+      "import": "./dist/property-listing-card.js"
+    },
+    "./radar-chart": {
+      "types": "./dist/radar-chart.d.ts",
+      "import": "./dist/radar-chart.js"
+    },
     "./radio-group": {
       "types": "./dist/radio-group.d.ts",
       "import": "./dist/radio-group.js"
     },
+    "./review-block": {
+      "types": "./dist/review-block.d.ts",
+      "import": "./dist/review-block.js"
+    },
     "./rich-text-editor": {
       "types": "./dist/rich-text-editor.d.ts",
       "import": "./dist/rich-text-editor.js"
     },
+    "./scatter-chart": {
+      "types": "./dist/scatter-chart.d.ts",
+      "import": "./dist/scatter-chart.js"
+    },
     "./search-input": {
       "types": "./dist/search-input.d.ts",
       "import": "./dist/search-input.js"
@@ -217,6 +273,10 @@
       "types": "./dist/sidebar.d.ts",
       "import": "./dist/sidebar.js"
     },
+    "./slider": {
+      "types": "./dist/slider.d.ts",
+      "import": "./dist/slider.js"
+    },
     "./size-context": {
       "types": "./dist/size-context.d.ts",
       "import": "./dist/size-context.js"
@@ -257,6 +317,10 @@
       "types": "./dist/textarea.d.ts",
       "import": "./dist/textarea.js"
     },
+    "./testimonial-block": {
+      "types": "./dist/testimonial-block.d.ts",
+      "import": "./dist/testimonial-block.js"
+    },
     "./time-picker": {
       "types": "./dist/time-picker.d.ts",
       "import": "./dist/time-picker.js"
@@ -272,7 +336,13 @@
     "./tree-map": {
       "types": "./dist/tree-map.d.ts",
       "import": "./dist/tree-map.js"
-    }
+    },
+    "./waterfall-chart": {
+      "types": "./dist/waterfall-chart.d.ts",
+      "import": "./dist/waterfall-chart.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./css/*": "./css/*"
   },
   "peerDependencies": {
     "react": ">=18.3.0 || >=19.0.0",
@@ -292,14 +362,15 @@
     "embla-carousel-react": "^8.6.0",
     "libphonenumber-js": "^1.12.43",
     "lucide-react": "^0.545.0",
+    "media-chrome": "^4.19.2",
     "react-day-picker": "^9.14.0",
     "react-phone-number-input": "^3.4.16",
     "recharts": "^3.8.1",
     "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
-    "@fontsource/red-hat-display": "^5.2.8",
     "@tailwindcss/cli": "^4.1.18",
+    "@tailwindcss/oxide": "^4.3.2",
     "@tailwindcss/typography": "^0.5.19",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
@@ -315,9 +386,8 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run clean && pnpm run build:css && pnpm run build:fonts && pnpm run build:js",
-    "build:css": "mkdir -p ./dist/theme && tailwindcss -i ./src/styles/index.css -o ./dist/styles.css --minify && tailwindcss -i ./src/styles/giddaa.css -o ./dist/theme/giddaa.css --minify && tailwindcss -i ./src/styles/fonts/red-hat-display.css -o ./dist/red-hat-display.css --minify && cp ./src/styles/base.css ./dist/base.css",
-    "build:fonts": "mkdir -p ./dist/files && cp ./node_modules/@fontsource/red-hat-display/files/* ./dist/files/",
+    "build": "pnpm run clean && pnpm run build:js && pnpm run build:css",
+    "build:css": "tailwindcss -i css/styles.css -o ./dist/styles.css",
     "build:js": "tsup",
     "check:boundaries": "vitest run src/import-boundaries.test.ts",
     "clean": "rm -rf dist",

package/dist/base.css

@@ -1,32 +0,0 @@
-body {
-	background-color: var(--color-canvas);
-	color: var(--color-fg-primary);
-}
-
-button:not(:disabled),
-[role="button"]:not(:disabled) {
-	cursor: pointer;
-}
-
-html {
-	font-family: var(--font-sans);
-}
-
-* {
-	border-color: var(--color-line);
-	box-sizing: border-box;
-	outline-color: rgb(from var(--color-line-focus) r g b / 0.5);
-}
-
-::-webkit-scrollbar {
-	display: none;
-}
-
-.no-scrollbar::-webkit-scrollbar {
-	display: none;
-}
-
-.no-scrollbar {
-	-ms-overflow-style: none;
-	scrollbar-width: none;
-}

package/dist/index.d.ts

@@ -1,87 +0,0 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion.js';
-export { Alert, AlertActions, AlertClose, AlertDescription, AlertProps, AlertTitle, AlertVariant, alertVariants } from './alert.js';
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, AvatarBadge as AvatarStatus } from './avatar.js';
-export { Badge, badgeVariants } from './badge.js';
-export { BAR_CHART_LAYOUT, BarChartLayout, BarValueLabel, BarValueLabelProps, useBarChartLayout } from './bar-chart.js';
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './breadcrumb.js';
-export { BULLET_CHART_LAYOUT, BULLET_RANGE_PALETTE, BulletChart, BulletChartLayout, BulletChartProps, BulletChartSize, BulletChartStatus } from './bullet-chart.js';
-export { Button, ButtonLink, buttonVariants } from './button.js';
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from './button-group.js';
-export { Calendar, CalendarDayButton } from './calendar.js';
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardProps, CardTitle, cardVariants } from './card.js';
-export { Carousel, CarouselApi, CarouselContent, CarouselIndicator, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from './carousel.js';
-export { CartesianAxisLayout, ChartCard, ChartConfig, ChartContainer, ChartDescription, ChartHeader, ChartLegend, ChartLegendContent, ChartStyle, ChartTitle, ChartTooltip, ChartTooltipContent, ChartValueType, cartesianAxisProps } from './chart.js';
-export { Checkbox, checkboxVariants } from './checkbox.js';
-export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible.js';
-export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxSize, ComboboxTrigger, ComboboxValue, useComboboxAnchor } from './combobox.js';
-export { DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps } from './date-picker.js';
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogIcon, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants, dialogIconVariants } from './dialog.js';
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSize, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu.js';
-export { Dropzone, DropzoneArea, DropzoneDescription, DropzoneIcon, DropzoneInput, DropzoneTitle, DropzoneTrigger, useDropzoneContext } from './dropzone.js';
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from './empty-state.js';
-export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from './field.js';
-export { FUNNEL_CHART_LAYOUT, FUNNEL_CHART_PALETTE, FunnelChart, FunnelChartLayout, FunnelChartProps, FunnelChartSize, FunnelChartType, FunnelLegendPlacement, FunnelStage } from './funnel-chart.js';
-export { Input, InputSize, inputVariants } from './input.js';
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from './input-group.js';
-export { InputComponentSize, InputSizeProvider, useInputComponentSize } from './input-size-context.js';
-export { Item, ItemLabel, ItemValue } from './item.js';
-export { KpiCard, KpiCardLinkOutIcon, KpiCardTitle, KpiCardTrend, KpiCardTrendCaption, KpiCardTrendValue, KpiCardValue, KpiCardValueSkeleton, kpiCardTrendVariants } from './kpi-card.js';
-export { Label } from './label.js';
-export { LINE_CHART_LAYOUT, LineChartLayout, LineChartSize, toComponentSize, useLineChartLayout } from './line-chart.js';
-export { NumberInput, NumberInputControl, NumberInputFormatPreset, numberInputFormatPresets } from './number-input.js';
-export { DashboardHeader, DashboardHeaderActions, DashboardHeaderDescription, DashboardHeaderGroup, DashboardHeaderTitle } from './page-header.js';
-export { Pagination, PaginationButton, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './pagination.js';
-export { PasswordInput } from './password-input.js';
-export { PhoneInput, PhoneInputProps } from './phone-input.js';
-export { PhotoGallery, PhotoGalleryFullscreen, PhotoGalleryFullscreenProps, PhotoGalleryImage, PhotoGalleryProps } from './photo-gallery.js';
-export { PIE_CHART_LAYOUT, PIE_CHART_PALETTE, PieCenterLabel, PieCenterLabelProps, PieChartLayout, PieChartLegend, PieChartSize, PieLegendItem, usePieChartLayout } from './pie-chart.js';
-export { Popover, PopoverBody, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverTitle, PopoverTrigger } from './popover.js';
-export { CircularProgress, CircularProgressProps, Progress, ProgressCaption, ProgressIndicator, ProgressLabel, ProgressProps, ProgressSize, ProgressTrack, ProgressValue, circularProgressVariants, progressVariants } from './progress.js';
-export { RadioGroup, RadioGroupItem, radioVariants } from './radio-group.js';
-export { RichTextEditor, RichTextEditorProps } from './rich-text-editor.js';
-export { SearchInput } from './search-input.js';
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectSize, SelectTrigger, SelectValue } from './select.js';
-export { Separator } from './separator.js';
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './sheet.js';
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from './sidebar.js';
-export { ComponentSize, SizeProvider, useComponentSize } from './size-context.js';
-export { Skeleton } from './skeleton.js';
-export { SPARKLINE_LAYOUT, Sparkline, SparklineProps, SparklineSize, SparklineTrend, SparklineType } from './sparkline.js';
-export { Stepper, StepperDescription, StepperIndicator, StepperItem, StepperMeta, StepperOrientation, StepperSeparator, StepperState, StepperTitle } from './stepper.js';
-export { Switch, switchVariants } from './switch.js';
-export { TabList, TabListItem } from './tab-list.js';
-export { Table, TableBody, TableCaption, TableCell, TableCellCaption, TableCellTitle, TableFooter, TableHead, TableHeader, TableRow } from './table.js';
-export { Tabs, TabsContent, TabsCount, TabsList, TabsTrigger, tabsListVariants } from './tabs.js';
-export { Tag, tagVariants } from './tag.js';
-export { Textarea, TextareaSize, textareaVariants } from './textarea.js';
-export { TimePicker, TimePickerProps } from './time-picker.js';
-export { ToastProvider, toast, toastManager } from './toast.js';
-export { Tooltip, TooltipContent, TooltipTrigger } from './tooltip.js';
-export { TREE_MAP_LAYOUT, TREE_MAP_PALETTE, TreeMap, TreeMapDatum, TreeMapLayout, TreeMapLegendPlacement, TreeMapProps, TreeMapSize } from './tree-map.js';
-export { CheckboxGroup } from '@base-ui/react/checkbox-group';
-export { CountryCode } from 'libphonenumber-js';
-export { DateRange } from 'react-day-picker';
-import 'react';
-import '@base-ui/react/accordion';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-import '@base-ui/react/avatar';
-import '@base-ui/react/use-render';
-import '@base-ui/react/button';
-import 'embla-carousel-react';
-import 'recharts';
-import '@base-ui/react/checkbox';
-import '@base-ui/react/collapsible';
-import '@base-ui/react';
-import '@base-ui/react/dialog';
-import '@base-ui/react/menu';
-import '@base-ui/react/number-field';
-import '@base-ui/react/popover';
-import '@base-ui/react/progress';
-import '@base-ui/react/radio';
-import '@base-ui/react/radio-group';
-import '@base-ui/react/select';
-import '@base-ui/react/separator';
-import '@base-ui/react/switch';
-import '@base-ui/react/tabs';
-import '@base-ui/react/toast';