@pathscale/ui 0.1.0 → 1.2.0

package/dist/components/windowmockup/WindowMockup.js

@@ -0,0 +1,85 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-label="Window mockup">');
+const WindowMockup = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "border",
+        "borderColor",
+        "backgroundColor",
+        "frameColor"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const borderColorValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.borderColor || local.frameColor || "neutral");
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("mockup-window", local.class, local.className, local.border && `border border-${borderColorValue()}`, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            "border-neutral": "neutral" === borderColorValue(),
+            "border-primary": "primary" === borderColorValue(),
+            "border-secondary": "secondary" === borderColorValue(),
+            "border-accent": "accent" === borderColorValue(),
+            "border-info": "info" === borderColorValue(),
+            "border-success": "success" === borderColorValue(),
+            "border-warning": "warning" === borderColorValue(),
+            "border-error": "error" === borderColorValue(),
+            "bg-neutral": "neutral" === local.frameColor,
+            "bg-primary": "primary" === local.frameColor,
+            "bg-secondary": "secondary" === local.frameColor,
+            "bg-accent": "accent" === local.frameColor,
+            "bg-info": "info" === local.frameColor,
+            "bg-success": "success" === local.frameColor,
+            "bg-warning": "warning" === local.frameColor,
+            "bg-error": "error" === local.frameColor
+        })));
+    const innerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("p-4", local.backgroundColor && `bg-${local.backgroundColor}`, local.border && `border-t border-${borderColorValue()}`, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            "bg-neutral": "neutral" === local.backgroundColor,
+            "bg-primary": "primary" === local.backgroundColor,
+            "bg-secondary": "secondary" === local.backgroundColor,
+            "bg-accent": "accent" === local.backgroundColor,
+            "bg-info": "info" === local.backgroundColor,
+            "bg-success": "success" === local.backgroundColor,
+            "bg-warning": "warning" === local.backgroundColor,
+            "bg-error": "error" === local.backgroundColor
+        })));
+    const innerElement = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const childrenArray = Array.isArray(resolvedChildren()) ? resolvedChildren() : [
+            resolvedChildren()
+        ];
+        const firstChild = childrenArray[0];
+        if (1 === childrenArray.length && "object" == typeof firstChild && null != firstChild && "type" in firstChild) {
+            const existingClass = firstChild.props?.class || firstChild.props?.className || "";
+            const mergedClass = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(innerClasses(), existingClass);
+            return {
+                ...firstChild,
+                props: {
+                    ...firstChild.props,
+                    class: mergedClass
+                }
+            };
+        }
+        return (()=>{
+            var _el$ = _tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, innerClasses()));
+            return _el$;
+        })();
+    });
+    return (()=>{
+        var _el$2 = _tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return classes();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, innerElement);
+        return _el$2;
+    })();
+};
+const windowmockup_WindowMockup = WindowMockup;
+export { windowmockup_WindowMockup as default };

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

@@ -0,0 +1 @@
+export { default, type WindowMockupProps } from "./WindowMockup";

package/dist/components/windowmockup/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__WindowMockup_js_be933e27__ from "./WindowMockup.js";
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__WindowMockup_js_be933e27__["default"];
+export { __webpack_exports__default as default };

package/dist/index.css

@@ -1,73 +1,75 @@
-/* src/styles/base/index.css */
-@layer base {
-  html {
-    scrollbar-color: var(--color-bg-tertiary) transparent;
-  }
-  body {
-    color: var(--color-fg-body);
-    background: var(--color-bg-body);
-    overflow-x: clip;
-    touch-action: manipulation;
-  }
-  *::selection {
-    color: var(--color-fg-inverse);
-    background: var(--color-bg-accent);
-  }
-}
+@import "./styles/base/index.css";
+@import "./styles/themes/dark.css";
+@import "./styles/themes/light.css";
+@import "./components/sidenav/Sidenav.css";
+@import "./styles/icons/generated-icons.css";
 
-/* src/styles/themes/dark.css */
-@layer theme {
-  [data-theme=dark] {
-    --color-bg-body: var(--color-zinc-900);
-    --color-bg-inverse: var(--color-zinc-100);
-    --color-bg-primary: var(--color-zinc-800);
-    --color-bg-secondary: var(--color-zinc-700);
-    --color-bg-tertiary: var(--color-zinc-600);
-    --color-bg-accent: var(--color-sky-600);
-    --color-bg-positive: var(--color-emerald-700);
-    --color-bg-destructive: var(--color-rose-800);
-    --color-fg-body: var(--color-zinc-100);
-    --color-fg-inverse: var(--color-zinc-900);
-    --color-fg-primary: var(--color-zinc-200);
-    --color-fg-secondary: var(--color-zinc-300);
-    --color-fg-tertiary: var(--color-zinc-400);
-    --color-fg-accent: var(--color-sky-500);
-    --color-fg-positive: var(--color-emerald-600);
-    --color-fg-destructive: var(--color-rose-700);
-  }
-}
-@layer base {
-  [data-theme=dark] {
-    color-scheme: only dark;
-  }
-}
+@theme {
+  --color-light: var(--color-zinc-100);
+  --color-dark: var(--color-zinc-900);
 
-/* src/styles/themes/light.css */
-@layer theme {
-  [data-theme=light] {
-    --color-bg-body: var(--color-zinc-50);
-    --color-bg-inverse: var(--color-zinc-900);
-    --color-bg-primary: var(--color-zinc-200);
-    --color-bg-secondary: var(--color-zinc-300);
-    --color-bg-tertiary: var(--color-zinc-400);
-    --color-bg-accent: var(--color-sky-600);
-    --color-bg-positive: var(--color-emerald-700);
-    --color-bg-destructive: var(--color-rose-700);
-    --color-fg-body: var(--color-zinc-900);
-    --color-fg-inverse: var(--color-zinc-100);
-    --color-fg-primary: var(--color-zinc-800);
-    --color-fg-secondary: var(--color-zinc-700);
-    --color-fg-tertiary: var(--color-zinc-600);
-    --color-fg-accent: var(--color-sky-700);
-    --color-fg-positive: var(--color-emerald-800);
-    --color-fg-destructive: var(--color-rose-800);
-  }
-}
-@layer base {
-  [data-theme=light] {
-    color-scheme: only light;
-  }
-}
+  /* Base colors */
+  --color-primary: var(--color-primary);
+  --color-primary-content: var(--color-primary-content);
+  --color-secondary: var(--color-secondary);
+  --color-secondary-content: var(--color-secondary-content);
+  --color-accent: var(--color-accent);
+  --color-accent-content: var(--color-accent-content);
+  --color-accent-foreground: var(--color-accent-foreground);
+  --color-accent-soft: var(--color-accent-soft);
+  --color-accent-soft-foreground: var(--color-accent-soft-foreground);
+  --color-accent-soft-hover: var(--color-accent-soft-hover);
+  --color-accent-hover: var(--color-accent-hover);
+  --color-neutral: var(--color-neutral);
+  --color-neutral-content: var(--color-neutral-content);
 
-/* src/index.css */
-@theme { --color-light: var(--color-zinc-100); --color-dark: var(--color-zinc-900); --color-bg-body: var(--color-bg-body); --color-bg-inverse: var(--color-bg-inverse); --color-bg-primary: var(--color-bg-primary); --color-bg-secondary: var(--color-bg-secondary); --color-bg-tertiary: var(--color-bg-tertiary); --color-bg-accent: var(--color-bg-accent); --color-bg-positive: var(--color-bg-positive); --color-bg-destructive: var(--color-bg-destructive); --color-fg-body: var(--color-fg-body); --color-fg-inverse: var(--color-fg-inverse); --color-fg-primary: var(--color-fg-primary); --color-fg-secondary: var(--color-fg-secondary); --color-fg-tertiary: var(--color-fg-tertiary); --color-fg-accent: var(--color-fg-accent); --color-fg-positive: var(--color-fg-positive); --color-fg-destructive: var(--color-fg-destructive); }
+  /* Semantic colors */
+  --color-info: var(--color-info);
+  --color-info-content: var(--color-info-content);
+  --color-success: var(--color-success);
+  --color-success-content: var(--color-success-content);
+  --color-success-foreground: var(--color-success-foreground);
+  --color-success-soft: var(--color-success-soft);
+  --color-success-soft-foreground: var(--color-success-soft-foreground);
+  --color-warning: var(--color-warning);
+  --color-warning-content: var(--color-warning-content);
+  --color-warning-foreground: var(--color-warning-foreground);
+  --color-warning-soft: var(--color-warning-soft);
+  --color-warning-soft-foreground: var(--color-warning-soft-foreground);
+  --color-error: var(--color-error);
+  --color-error-content: var(--color-error-content);
+  --color-danger: var(--color-danger);
+  --color-danger-foreground: var(--color-danger-foreground);
+  --color-danger-soft: var(--color-danger-soft);
+  --color-danger-soft-foreground: var(--color-danger-soft-foreground);
+
+  /* HeroUI generic tokens */
+  --color-default: var(--color-default);
+  --color-default-foreground: var(--color-default-foreground);
+  --color-default-hover: var(--color-default-hover);
+  --color-background: var(--color-background);
+  --color-foreground: var(--color-foreground);
+
+  /* Base background colors */
+  --color-base-100: var(--color-base-100);
+  --color-base-200: var(--color-base-200);
+  --color-base-300: var(--color-base-300);
+  --color-base-content: var(--color-base-content);
+
+  /* Legacy support */
+  --color-bg-body: var(--color-base-100);
+  --color-bg-primary: var(--color-base-200);
+  --color-bg-secondary: var(--color-base-300);
+  --color-bg-tertiary: var(--color-neutral);
+  --color-bg-accent: var(--color-accent);
+  --color-bg-positive: var(--color-success);
+  --color-bg-destructive: var(--color-error);
+
+  --color-fg-body: var(--color-base-content);
+  --color-fg-primary: var(--color-base-content);
+  --color-fg-secondary: var(--color-neutral-content);
+  --color-fg-tertiary: var(--color-neutral-content);
+  --color-fg-accent: var(--color-accent-content);
+  --color-fg-positive: var(--color-success-content);
+  --color-fg-destructive: var(--color-error-content);
+}

package/dist/index.d.ts

@@ -1,7 +1,131 @@
-export { A as Avatar } from './Avatar-CzIirpVq.js';
-export { B as Button } from './Button-BOYHKShy.js';
-export { I as Input } from './Input-CvNxe1rq.js';
-export { T as Textarea } from './Textarea-5_oQknZn.js';
-import 'solid-js';
-import './classes-B_S9K-9I.js';
-import './components/polymorphic/index.js';
+export { default as Accordion } from "./components/accordion";
+export { default as Alert, AlertRoot, AlertIndicator, AlertContent, AlertTitle, AlertDescription } from "./components/alert";
+export type { AlertStatus, AlertRootProps, AlertIndicatorProps, AlertContentProps, AlertTitleProps, AlertDescriptionProps } from "./components/alert";
+export { default as Artboard, type ArtboardProps } from "./components/artboard";
+export { default as Avatar, AvatarRoot, AvatarImage, AvatarFallback } from "./components/avatar";
+export type { AvatarSize, AvatarColor, AvatarVariant, AvatarRootProps, AvatarImageProps, AvatarFallbackProps } from "./components/avatar";
+export { default as Background } from "./components/background";
+export { default as Badge } from "./components/badge";
+export { Breadcrumbs, BreadcrumbsRoot, BreadcrumbsItem } from "./components/breadcrumbs";
+export type { BreadcrumbsRootProps, BreadcrumbsItemProps } from "./components/breadcrumbs";
+export { default as BrowserMockup, type BrowserMockupProps, } from "./components/browsermockup";
+export { default as BottomSheet } from "./components/bottom-sheet/BottomSheet";
+export type { BottomSheetProps } from "./components/bottom-sheet/BottomSheet";
+export { default as Button } from "./components/button";
+export { default as Calendar, type CalendarProps } from "./components/calendar";
+export { default as Card } from "./components/card";
+export { default as Carousel } from "./components/carousel";
+export type { CarouselItemProps, CarouselProps } from "./components/carousel";
+export { default as ChatBubble } from "./components/chatbubble";
+export { default as Checkbox } from "./components/checkbox";
+export { default as ColorPicker } from "./components/colorpicker";
+export { AlphaSlider, ColorInput, ColorPickerContext, ColorPickerFlowerSelector, ColorPickerGradientSelector, ColorPickerWheelSelector, ColorPreview, ColorSwatches, ColorWheel, ColorWheelFlower, HueSlider, LightnessSlider, SaturationBrightness, useColorPickerContext, } from "./components/colorpicker";
+export type { AlphaSliderProps, ColorFormat, ColorInputProps, ColorPickerContextType, ColorPickerMode, ColorPickerProps, ColorPreviewProps, ColorSwatchesProps, ColorValue, ColorWheelFlowerProps, ColorWheelProps, HueSliderProps, LightnessSliderProps, SaturationBrightnessProps, } from "./components/colorpicker";
+export { CodeMockup, CodeMockupLine } from "./components/codemockup";
+export { Collapse, CollapseContent, CollapseDetails, CollapseTitle, Summary, } from "./components/collapse";
+export { ConfirmDialog, type ConfirmDialogProps } from "./components/confirm-dialog";
+export { default as ConnectionStatus } from "./components/connectionstatus";
+export type { ConnectionState, ConnectionStatusProps, } from "./components/connectionstatus";
+export { default as CopyButton } from "./components/copy-button";
+export { default as Countdown } from "./components/countdown";
+export { default as Diff } from "./components/diff";
+export { default as Divider } from "./components/divider";
+export { default as Dock } from "./components/dock";
+export { default as Drawer, DrawerRoot, DrawerTrigger, DrawerBackdrop, DrawerContent, DrawerDialog, DrawerHeader, DrawerHeading, DrawerBody, DrawerFooter, DrawerHandle, DrawerCloseTrigger, DrawerClose } from "./components/drawer";
+export type { DrawerPlacement, DrawerBackdropVariant, DrawerRootProps, DrawerTriggerProps, DrawerBackdropProps, DrawerContentProps, DrawerDialogProps, DrawerHeaderProps, DrawerHeadingProps, DrawerBodyProps, DrawerFooterProps, DrawerHandleProps, DrawerCloseTriggerProps } from "./components/drawer";
+export { default as Dropdown } from "./components/dropdown";
+export { DropdownSelect, type DropdownSelectProps, type DropdownSelectOption } from "./components/dropdown-select";
+export { EmptyState, type EmptyStateProps } from "./components/empty-state";
+export { default as FileInput } from "./components/fileinput";
+export { default as FloatingDock } from "./components/floating-dock";
+export type { FloatingDockProps, FloatingDockItem, FloatingDockDirection } from "./components/floating-dock";
+export { default as Flex } from "./components/flex";
+export { default as GlassPanel } from "./components/glass-panel";
+export { GlowCard, type GlowCardProps } from "./components/glow-card";
+export type { GlassPanelProps, GlassPanelBlur } from "./components/glass-panel";
+export { default as Footer } from "./components/footer";
+export type { FooterProps, FooterTitleProps } from "./components/footer";
+export { FormActions, type FormActionsProps } from "./components/form-actions";
+export { Fieldset, type FieldsetProps } from "./components/fieldset";
+export { default as Form, useFormValidation } from "./components/form";
+export { useDesktop } from "./components/utils";
+export type { FormProps, LabelProps, ValidatedFormProps, } from "./components/form";
+export { default as Grid } from "./components/grid";
+export { default as Hero } from "./components/hero";
+export type { HeroContentProps, HeroOverlayProps, HeroProps, } from "./components/hero";
+export { default as Icon } from "./components/icon";
+export { default as ImmersiveLanding, useImmersiveLanding, useImmersiveLandingContext, ImmersiveLandingContext, CookieConsent, PWAInstallPrompt, FirefoxPWABanner, } from "./components/immersive-landing";
+export type { ImmersiveLandingProps, ImmersiveLandingPageProps, ImmersiveLandingArrowsProps, ImmersiveLandingNavigationProps, ImmersiveLandingContextValue, UseImmersiveLandingOptions, UseImmersiveLandingReturn, CookieConsentProps, CookieConsentTexts, CookieConsentStorageKeys, PWAInstallPromptProps, PWAInstallPromptTexts, FirefoxPWABannerProps, FirefoxPWABannerTexts, } from "./components/immersive-landing";
+export { default as Indicator } from "./components/indicator";
+export { default as Input } from "./components/input";
+export { default as Join } from "./components/join";
+export { default as Kbd } from "./components/kbd";
+export { default as Link } from "./components/link";
+export { LiveChatBubble, LiveChatPanel, } from "./components/live-chat";
+export type { LiveChatBubbleProps, LiveChatPanelProps, ChatMessage, SendMessagePayload, SendMessageResponse, } from "./components/live-chat";
+export { default as Loading } from "./components/loading";
+export { LanguageSwitcher, createI18n, I18nProvider, I18nContext, useI18n, } from "./components/language-switcher";
+export type { LanguageSwitcherProps, I18nStore, I18nOptions, I18nContextValue, I18nProviderProps, Language, } from "./components/language-switcher";
+export { default as Mask } from "./components/mask";
+export { Menu } from "./components/menu";
+export { default as Modal } from "./components/modal";
+export { default as Navbar } from "./components/navbar";
+export type { NavbarProps } from "./components/navbar";
+export type { NavbarStackProps } from "./components/navbar/NavbarStack";
+export type { NavbarRowProps } from "./components/navbar/NavbarRow";
+export { default as NoiseBackground } from "./components/noise-background";
+export type { NoiseBackgroundProps } from "./components/noise-background";
+export { default as Pagination } from "./components/pagination";
+export { default as PhoneMockup, type PhoneMockupProps, } from "./components/phonemockup";
+export { default as Progress, ProgressRoot, ProgressOutput, ProgressTrack, ProgressFill } from "./components/progress";
+export type { ProgressSize, ProgressColor, ProgressRootProps, ProgressOutputProps, ProgressTrackProps, ProgressFillProps } from "./components/progress";
+export { PropsTable } from "./components/props-table";
+export { default as RadialProgress } from "./components/radialprogress";
+export { default as Radio } from "./components/radio";
+export { RadioGroup, type RadioGroupProps, type RadioGroupOrientation, type RadioGroupVariant } from "./components/radio-group";
+export { default as Range } from "./components/range";
+export { SliderField, type SliderFieldProps } from "./components/range-slider";
+export { Rating } from "./components/rating";
+export type { RatingHiddenProps, RatingItemProps, RatingProps, } from "./components/rating";
+export { default as Select } from "./components/select";
+export { ShowcaseSection } from "./components/showcase-section";
+export { default as ShowcaseBlock } from "./components/showcase/ShowcaseBlock";
+export { Sidenav, SidenavMenu, SidenavItem, SidenavGroup, SidenavLink, SidenavButton, } from "./components/sidenav";
+export { default as Skeleton } from "./components/skeleton";
+export { SkipLink, type SkipLinkProps } from "./components/skip-link";
+export { default as Stack } from "./components/stack";
+export { default as StatCard } from "./components/stat-card";
+export { default as Stats } from "./components/stats";
+export { Status } from "./components/status";
+export type { StatusProps } from "./components/status";
+export { default as Steps } from "./components/steps";
+export { SvgBackground, type SvgBackgroundProps, } from "./components/svgbackground";
+export { default as Swap } from "./components/swap";
+export { default as Table, EnhancedTable } from "./components/table";
+export type { TableProps } from "./components/table";
+export type { EnhancedTableProps } from "./components/table/EnhancedTable";
+export { StreamingTable } from "./components/streaming-table";
+export type { StreamingTableProps } from "./components/streaming-table";
+export type { StreamingColumnDef, StreamingConfig, } from "./components/streaming-table";
+export { createStreamingTableStore } from "./components/streaming-table";
+export type { StreamingTableStore } from "./components/streaming-table";
+export { default as Tabs } from "./components/tabs";
+export type { TabsRootProps, TabListContainerProps, TabListProps, TabProps, TabIndicatorProps, TabSeparatorProps, TabPanelProps, } from "./components/tabs";
+export { default as Textarea } from "./components/textarea";
+export { SizePicker, createSizeStore, getDefaultSizeStore, } from "./components/size-picker";
+export type { SizePickerProps, SizeStore, SizePreset, } from "./components/size-picker";
+export { ThemeColorPicker, createHueShiftStore, getDefaultHueShiftStore, resetHueShift, } from "./components/theme-color-picker";
+export type { ThemeColorPickerProps, HueShiftStore, } from "./components/theme-color-picker";
+export { Timeline, TimelineEnd, TimelineItem, TimelineMiddle, TimelineStart, } from "./components/timeline";
+export { default as Toast } from "./components/toast";
+export { ToastContainer, ToastStack } from "./components/toastcontainer";
+export type { ToastRenderer, ToastStackProps, } from "./components/toastcontainer";
+export { default as Toggle } from "./components/toggle";
+export { SwitchField, type SwitchFieldProps } from "./components/switch-field";
+export { default as Tooltip, TooltipRoot, TooltipTrigger, TooltipContent, TooltipArrow } from "./components/tooltip";
+export type { TooltipPlacement, TooltipRootProps, TooltipTriggerProps, TooltipContentProps, TooltipArrowProps } from "./components/tooltip";
+export { VideoPreview, type VideoPreviewProps } from "./components/video-preview";
+export { default as WindowMockup, type WindowMockupProps, } from "./components/windowmockup";
+export * from "./stores";
+export * from "./motion";
+export { default } from "./components/connectionstatus";