@sybilion/uilib 1.2.26 → 1.3.1

package/src/docs/pages/WorldMapPage.styl.d.ts

@@ -0,0 +1,8 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'demoFill': string;
+  'demoFrame': string;
+}
+export const cssExports: CssExports;
+export default cssExports;

package/src/docs/pages/WorldMapPage.tsx

@@ -0,0 +1,26 @@
+import { PageContentSection } from '#uilib/components/ui/Page';
+import { WorldMap } from '#uilib/components/ui/WorldMap';
+
+import { AppPageHeader } from '../components/AppPageHeader/AppPageHeader';
+import { DocsHeaderActions } from '../docsHeaderActions';
+import S from './WorldMapPage.styl';
+
+export default function WorldMapPage() {
+  return (
+    <>
+      <AppPageHeader
+        breadcrumbs={[{ label: 'World map' }]}
+        title="WorldMap"
+        subheader="Bundled SVG world map for layouts such as DriverMap — optional className for positioning."
+        actions={<DocsHeaderActions />}
+      />
+      <PageContentSection>
+        <div className={S.demoFrame}>
+          <div className={S.demoFill}>
+            <WorldMap />
+          </div>
+        </div>
+      </PageContentSection>
+    </>
+  );
+}

package/src/docs/registry.ts

@@ -91,6 +91,12 @@ export const DOC_REGISTRY: DocEntry[] = [
     section: 'Charts',
     load: () => import('./pages/ChartAreaInteractivePage'),
   },
+  {
+    slug: 'lightweight-forecast-chart',
+    title: 'LightweightForecastChart',
+    section: 'Charts',
+    load: () => import('./pages/LightweightChartPage'),
+  },
   {
     slug: 'chat',
     title: 'Chat',
@@ -117,7 +123,7 @@ export const DOC_REGISTRY: DocEntry[] = [
   },
   {
     slug: 'driver-map',
-    title: 'DriverMap',
+    title: 'DriverMap & DriverCard',
     section: 'Widgets',
     load: () => import('./pages/DriverMapPage'),
   },
@@ -223,6 +229,12 @@ export const DOC_REGISTRY: DocEntry[] = [
     section: 'Layout',
     load: () => import('./pages/PagePage'),
   },
+  {
+    slug: 'page-columns',
+    title: 'PageColumns',
+    section: 'Layout',
+    load: () => import('./pages/PageColumnsPage'),
+  },
   {
     slug: 'page-footer',
     title: 'PageFooter',
@@ -374,6 +386,12 @@ export const DOC_REGISTRY: DocEntry[] = [
     section: 'Media',
     load: () => import('./pages/VimeoEmbedPage'),
   },
+  {
+    slug: 'world-map',
+    title: 'WorldMap',
+    section: 'Media',
+    load: () => import('./pages/WorldMapPage'),
+  },
 ];
 
 export const docPageComponents: Record<

package/src/index.ts

@@ -58,8 +58,10 @@ export * from './components/ui/Toggle';
 export * from './components/ui/ToggleGroup';
 export * from './components/ui/Tooltip';
 export * from './components/ui/VimeoEmbed';
+export * from './components/ui/WorldMap';
 export * from './components/ui/WorkspaceAppSwitcher';
 export * from './components/widgets/SidebarDatasetsItemsGrouped';
+export * from './components/widgets/DriverCard';
 export * from './components/widgets/DriverMap';
 export * from './components/widgets/SybilionAppHeader';
 export * from './components/widgets/SybilionAuthLayout';

package/dist/esm/components/widgets/DriverMap/LoadingSpinner/LoadingSpinner.js

@@ -1,8 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import S from './LoadingSpinner.styl.js';
-
-function LoadingSpinner() {
-    return (jsx("div", { className: S.loadingSpinnerContainer, children: jsx("div", { className: S.loadingSpinner }) }));
-}
-
-export { LoadingSpinner };

package/dist/esm/components/widgets/DriverMap/LoadingSpinner/LoadingSpinner.styl.js

@@ -1,7 +0,0 @@
-import styleInject from 'style-inject';
-
-var css_248z = ".LoadingSpinner_loadingSpinnerContainer__Z69yY{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;z-index:20}.LoadingSpinner_loadingSpinner__Nouur{border-top-color:var(--muted-foreground);height:1.5rem;width:1.5rem;border-opacity:.2;border:2px solid var(--muted-foreground);border-top-opacity:.6;animation:LoadingSpinner_spin__VSFJr 1s linear infinite;border-radius:50%}@keyframes LoadingSpinner_spin__VSFJr{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}";
-var S = {"loadingSpinnerContainer":"LoadingSpinner_loadingSpinnerContainer__Z69yY","loadingSpinner":"LoadingSpinner_loadingSpinner__Nouur","spin":"LoadingSpinner_spin__VSFJr"};
-styleInject(css_248z);
-
-export { S as default };

package/dist/esm/components/widgets/DriverMap/MapBackground/MapBackground.js

@@ -1,10 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import S from './MapBackground.styl.js';
-import mapBgUrl from './map.svg.js';
-
-function MapBackground() {
-    const src = mapBgUrl;
-    return (jsx("img", { alt: "", className: S.mapBackground, decoding: "async", draggable: false, src: src }));
-}
-
-export { MapBackground };

package/dist/esm/components/widgets/DriverMap/MapBackground/MapBackground.styl.js

@@ -1,7 +0,0 @@
-import styleInject from 'style-inject';
-
-var css_248z = ".MapBackground_mapBackground__DC1-Z{aspect-ratio:623.2/341.276;display:block;height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}";
-var S = {"mapBackground":"MapBackground_mapBackground__DC1-Z"};
-styleInject(css_248z);
-
-export { S as default };

package/dist/esm/types/src/components/widgets/DriverMap/LoadingSpinner/LoadingSpinner.d.ts

@@ -1 +0,0 @@
-export declare function LoadingSpinner(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/widgets/DriverMap/MapBackground/MapBackground.d.ts

@@ -1 +0,0 @@
-export declare function MapBackground(): import("react/jsx-runtime").JSX.Element;

package/src/components/widgets/DriverMap/LoadingSpinner/LoadingSpinner.styl

@@ -1,24 +0,0 @@
-// Loading spinner component styles
-.loadingSpinnerContainer
-  position absolute
-  inset 0
-  display flex
-  align-items center
-  justify-content center
-  z-index 20
-
-.loadingSpinner
-  width 1.5rem
-  height 1.5rem
-  border 2px solid var(--muted-foreground)
-  border-opacity 0.2
-  border-top-color var(--muted-foreground)
-  border-top-opacity 0.6
-  border-radius 50%
-  animation spin 1s linear infinite
-
-@keyframes spin
-  from
-    transform rotate(0deg)
-  to
-    transform rotate(360deg)

package/src/components/widgets/DriverMap/LoadingSpinner/LoadingSpinner.tsx

@@ -1,11 +0,0 @@
-'use client';
-
-import S from './LoadingSpinner.styl';
-
-export function LoadingSpinner() {
-  return (
-    <div className={S.loadingSpinnerContainer}>
-      <div className={S.loadingSpinner}></div>
-    </div>
-  );
-}

package/src/components/widgets/DriverMap/MapBackground/MapBackground.tsx

@@ -1,18 +0,0 @@
-'use client';
-
-import S from './MapBackground.styl';
-import mapBgUrl from './map.svg';
-
-export function MapBackground() {
-  const src = mapBgUrl as unknown as string;
-
-  return (
-    <img
-      alt=""
-      className={S.mapBackground}
-      decoding="async"
-      draggable={false}
-      src={src}
-    />
-  );
-}