@lostgradient/cinder 0.1.1 → 0.2.0

package/dist/index.js

@@ -69,10 +69,13 @@ import"@lostgradient/cinder/breadcrumbs/styles";
 import"@lostgradient/cinder/button/styles";
 import"@lostgradient/cinder/button-group/styles";
 import"@lostgradient/cinder/callout/styles";
+import"@lostgradient/cinder/capability-gate/styles";
 import"@lostgradient/cinder/card/styles";
 import"@lostgradient/cinder/checkbox/styles";
 import"@lostgradient/cinder/checkbox-group/styles";
 import"@lostgradient/cinder/chip/styles";
+import"@lostgradient/cinder/choice-grid/styles";
+import"@lostgradient/cinder/choice-grid-item/styles";
 import"@lostgradient/cinder/code-block/styles";
 import"@lostgradient/cinder/collapsible/styles";
 import"@lostgradient/cinder/color-field/styles";
@@ -88,6 +91,7 @@ import"@lostgradient/cinder/container/styles";
 import"@lostgradient/cinder/context-menu/styles";
 import"@lostgradient/cinder/copy-button/styles";
 import"@lostgradient/cinder/data-list/styles";
+import"@lostgradient/cinder/data-table/styles";
 import"@lostgradient/cinder/description-list/styles";
 import"@lostgradient/cinder/diff-statistics/styles";
 import"@lostgradient/cinder/divider/styles";
@@ -107,10 +111,13 @@ import"@lostgradient/cinder/json-schema-editor/styles";
 import"@lostgradient/cinder/json-viewer/styles";
 import"@lostgradient/cinder/kanban-board/styles";
 import"@lostgradient/cinder/kbd/styles";
+import"@lostgradient/cinder/keyboard-shortcuts/styles";
 import"@lostgradient/cinder/label/styles";
 import"@lostgradient/cinder/line-chart/styles";
 import"@lostgradient/cinder/link/styles";
 import"@lostgradient/cinder/load-more/styles";
+import"@lostgradient/cinder/matrix-chart/styles";
+import"@lostgradient/cinder/media-controls/styles";
 import"@lostgradient/cinder/menu-bar/styles";
 import"@lostgradient/cinder/message/styles";
 import"@lostgradient/cinder/modal/styles";
@@ -121,6 +128,7 @@ import"@lostgradient/cinder/pagination/styles";
 import"@lostgradient/cinder/phone-input/styles";
 import"@lostgradient/cinder/pin-input/styles";
 import"@lostgradient/cinder/popover/styles";
+import"@lostgradient/cinder/pricing-card/styles";
 import"@lostgradient/cinder/progress/styles";
 import"@lostgradient/cinder/radio-group/styles";
 import"@lostgradient/cinder/rating/styles";
@@ -132,19 +140,24 @@ import"@lostgradient/cinder/section-heading/styles";
 import"@lostgradient/cinder/segmented-control/styles";
 import"@lostgradient/cinder/select/styles";
 import"@lostgradient/cinder/selection-popover/styles";
+import"@lostgradient/cinder/share-card/styles";
 import"@lostgradient/cinder/sheet/styles";
+import"@lostgradient/cinder/shortcut-hint/styles";
 import"@lostgradient/cinder/side-navigation/styles";
 import"@lostgradient/cinder/side-navigation-group/styles";
 import"@lostgradient/cinder/sidebar/styles";
 import"@lostgradient/cinder/skeleton/styles";
 import"@lostgradient/cinder/slider/styles";
 import"@lostgradient/cinder/sortable-list/styles";
+import"@lostgradient/cinder/spectrogram/styles";
+import"@lostgradient/cinder/spectrum-chart/styles";
 import"@lostgradient/cinder/spinner/styles";
 import"@lostgradient/cinder/stacked-list-item/styles";
 import"@lostgradient/cinder/stat/styles";
 import"@lostgradient/cinder/stat-group/styles";
 import"@lostgradient/cinder/status-dot/styles";
 import"@lostgradient/cinder/steps/styles";
+import"@lostgradient/cinder/subscription-badge/styles";
 import"@lostgradient/cinder/surface/styles";
 import"@lostgradient/cinder/tab/styles";
 import"@lostgradient/cinder/tab-list/styles";
@@ -166,6 +179,7 @@ import"@lostgradient/cinder/toolbar/styles";
 import"@lostgradient/cinder/tooltip/styles";
 import"@lostgradient/cinder/tree/styles";
 import"@lostgradient/cinder/typography/styles";
+import"@lostgradient/cinder/waveform/styles";
 export {
   useToast,
   useResizeObserver,
@@ -189,122 +203,137 @@ export {
   copyToClipboard,
   buildFormDataFromValues,
   buildFormData,
-  default134 as VisuallyHidden,
-  default133 as Typography,
-  default131 as TreeItem,
-  default130 as Tree,
-  default132 as Tooltip,
-  default129 as Toolbar,
-  default128 as Toggle,
-  default125 as ToastRegion,
-  default127 as TimelineItem,
-  default126 as Timeline,
-  default124 as Textarea,
-  default119 as TagInput,
-  default123 as Tabs,
-  default122 as TableRow,
-  default121 as TableHeaderCell,
-  default120 as TableHeader,
-  default118 as TableCell,
-  default117 as TableBody,
-  default116 as Table,
-  default115 as TabPanel,
-  default114 as TabList,
-  default113 as Tab,
-  default112 as Surface,
-  default108 as Steps,
-  default111 as StatusDot,
-  default110 as StatGroup,
-  default109 as Stat,
-  default106 as StackedListItem,
-  default107 as Spinner,
-  default103 as SortableList,
-  default105 as Slider,
-  default104 as Skeleton,
-  default102 as Sidebar,
-  default101 as SideNavigationItem,
-  default100 as SideNavigationGroup,
-  default99 as SideNavigation,
-  default98 as Sheet,
-  default97 as SelectionPopover,
-  default96 as Select,
-  default95 as SegmentedControl,
-  default94 as Segment,
-  default93 as SectionHeading,
-  default92 as SearchField,
-  default91 as ScrollArea,
-  default90 as ReviewEditor,
-  default89 as ResizablePanels,
-  default88 as Rating,
-  default87 as RadioGroup,
-  default86 as Progress,
-  default79 as Portal,
-  default85 as Popover,
-  default84 as PinInput,
-  default83 as PhoneInput,
-  default82 as Pagination,
-  default81 as NumberInput,
-  default80 as NavigationItem,
-  default78 as NavigationBar,
-  default77 as Modal,
-  default76 as Message,
-  default75 as MenuBar,
-  default74 as MarkdownEditor,
-  default73 as LoadMore,
-  default71 as Link,
-  default72 as LineChart,
-  default70 as Label,
-  default69 as Kbd,
-  default68 as KanbanBoard,
-  default67 as JsonViewer,
-  default66 as JsonSchemaEditor,
-  default65 as Input,
-  default64 as Image,
-  default63 as HoverCard,
-  default62 as GridListItem,
-  default61 as GridList,
-  default60 as FormSection,
-  default59 as FormField,
-  default58 as FocusTrap,
-  default56 as FloatingActionButton,
-  default57 as FileUpload,
-  default54 as FeedEvent,
-  default55 as Feed,
-  default53 as EmptyState,
-  default52 as DropdownTrigger,
-  default51 as DropdownSeparator,
-  default50 as DropdownMenu,
-  default49 as DropdownLabel,
-  default47 as DropdownItem,
-  default48 as DropdownGroup,
-  default46 as Dropdown,
-  default45 as Drawer,
-  default44 as Divider,
-  default43 as DiffViewer,
-  default42 as DiffStatistics,
-  default41 as DescriptionList,
-  default40 as DataList,
-  default39 as CopyButton,
-  default38 as ContextMenuTrigger,
-  default37 as ContextMenu,
-  default36 as Container,
-  default35 as ConnectionIndicator,
-  default34 as ConfirmDialog,
-  default33 as CommandPalette,
-  default32 as CommandMenu,
-  default31 as CommandItem,
-  default30 as Combobox,
-  default29 as ColorSwatchPicker,
-  default28 as ColorPicker,
-  default27 as ColorField,
-  default26 as Collapsible,
-  default25 as CodeBlock,
-  default24 as ClickAwayListener,
-  default21 as Chip,
-  default23 as CheckboxGroup,
-  default22 as Checkbox,
+  default149 as Waveform,
+  default148 as VisuallyHidden,
+  default147 as Typography,
+  default145 as TreeItem,
+  default144 as Tree,
+  default146 as Tooltip,
+  default143 as Toolbar,
+  default142 as Toggle,
+  default139 as ToastRegion,
+  default141 as TimelineItem,
+  default140 as Timeline,
+  default138 as Textarea,
+  default133 as TagInput,
+  default137 as Tabs,
+  default136 as TableRow,
+  default135 as TableHeaderCell,
+  default134 as TableHeader,
+  default132 as TableCell,
+  default131 as TableBody,
+  default130 as Table,
+  default129 as TabPanel,
+  default128 as TabList,
+  default127 as Tab,
+  default126 as Surface,
+  default125 as SubscriptionBadge,
+  default121 as Steps,
+  default124 as StatusDot,
+  default123 as StatGroup,
+  default122 as Stat,
+  default117 as StackedListItem,
+  default120 as Spinner,
+  default119 as SpectrumChart,
+  default118 as Spectrogram,
+  default113 as SortableList,
+  default116 as Slider,
+  default115 as SkipLink,
+  default114 as Skeleton,
+  default112 as Sidebar,
+  default111 as SideNavigationItem,
+  default110 as SideNavigationGroup,
+  default109 as SideNavigation,
+  default108 as ShortcutHint,
+  default107 as Sheet,
+  default106 as ShareCard,
+  default105 as SelectionPopover,
+  default104 as Select,
+  default103 as SegmentedControl,
+  default102 as Segment,
+  default101 as SectionHeading,
+  default100 as SearchField,
+  default99 as ScrollArea,
+  default98 as ReviewEditor,
+  default97 as ResizablePanels,
+  default96 as Rating,
+  default95 as RadioGroup,
+  default94 as Progress,
+  default93 as PricingCard,
+  default86 as Portal,
+  default92 as Popover,
+  default91 as PinInput,
+  default90 as PhoneInput,
+  default89 as Pagination,
+  default88 as NumberInput,
+  default87 as NavigationItem,
+  default85 as NavigationBar,
+  default84 as Modal,
+  default82 as Message,
+  default81 as MenuBar,
+  default79 as MediaControls,
+  default83 as MatrixChart,
+  default80 as MarkdownEditor,
+  default78 as LoadMore,
+  default76 as Link,
+  default77 as LineChart,
+  default75 as Label,
+  default74 as KeyboardShortcuts,
+  default73 as Kbd,
+  default72 as KanbanBoard,
+  default70 as JsonViewer,
+  default69 as JsonSchemaEditor,
+  default68 as Input,
+  default67 as Image,
+  default66 as HoverCard,
+  default65 as GridListItem,
+  default64 as GridList,
+  default63 as FormSection,
+  default62 as FormField,
+  default61 as FocusTrap,
+  default59 as FloatingActionButton,
+  default60 as FileUpload,
+  default57 as FeedEvent,
+  default58 as Feed,
+  default56 as EmptyState,
+  default55 as DropdownTrigger,
+  default54 as DropdownSeparator,
+  default53 as DropdownMenu,
+  default52 as DropdownLabel,
+  default50 as DropdownItem,
+  default51 as DropdownGroup,
+  default49 as Dropdown,
+  default48 as Drawer,
+  default47 as Divider,
+  default46 as DiffViewer,
+  default45 as DiffStatistics,
+  default44 as DescriptionList,
+  default43 as DataTable,
+  default42 as DataList,
+  default41 as CopyButton,
+  default40 as ContextMenuTrigger,
+  default39 as ContextMenu,
+  default38 as Container,
+  default37 as ConnectionIndicator,
+  default36 as ConfirmDialog,
+  default35 as CommandPalette,
+  default34 as CommandMenu,
+  default33 as CommandItem,
+  default32 as Combobox,
+  default31 as ColorSwatchPicker,
+  default30 as ColorPicker,
+  default29 as ColorField,
+  default28 as Collapsible,
+  default27 as CodeBlock,
+  default26 as ClickAwayListener,
+  default22 as ChoiceGridItem,
+  default21 as ChoiceGrid,
+  default23 as Chip,
+  default25 as CheckboxGroup,
+  default24 as Checkbox,
   default20 as Chat,
   default19 as Card,
+  default71 as CapabilityGate,
   default18 as Callout,
   default17 as ButtonGroup,
   default16 as Button,
@@ -324,4 +353,4 @@ export {
   default3 as Accordion
 };
 
-//# debugId=6049FFB8654F83B564756E2164756E21
+//# debugId=25CD558D088E9C6E64756E2164756E21

package/dist/server/components/accordion/index.js

@@ -76,6 +76,19 @@ function Accordion_item($$renderer, $$props) {
 import * as $2 from "svelte/internal/server";
 
 // src/_internal/collection.ts
+function createSingleSelection(getValue, setValue) {
+  return {
+    get value() {
+      return getValue();
+    },
+    select(next) {
+      setValue(next);
+    },
+    isSelected(candidate) {
+      return getValue() === candidate;
+    }
+  };
+}
 function createMultiSelection(getValues, setValues) {
   return {
     get values() {
@@ -141,4 +154,4 @@ export {
   Accordion2 as Accordion
 };
 
-//# debugId=34AAADFDFD02CFBE64756E2164756E21
+//# debugId=036A2BE6E473690C64756E2164756E21

package/dist/server/components/alert/alert.schema.js

@@ -39,8 +39,8 @@ var schema = {
   type: "object",
   properties: {
     variant: {
-      enum: ["info", "success", "warning", "error"],
-      description: "Visual style.",
+      enum: ["info", "success", "warning", "error", "danger"],
+      description: "Visual style. `danger` is an accepted alias for `error` — both render identically.",
       default: "info"
     },
     dismissible: {
@@ -60,4 +60,4 @@ export {
   alert_schema_default as default
 };
 
-//# debugId=081AD81AD1A513F064756E2164756E21
+//# debugId=CE1DE750ED4618A864756E2164756E21

package/dist/server/components/alert/index.js

@@ -57,6 +57,7 @@ function Alert($$renderer, $$props) {
       $$events,
       ...rest
     } = $$props;
+    const resolvedVariant = $.derived(() => variant === "danger" ? "error" : variant);
     let visible = true;
     let rootElement = undefined;
     async function handleDismiss() {
@@ -105,7 +106,7 @@ function Alert($$renderer, $$props) {
       $$renderer2.push(`<div${$.attributes({
         ...restWithoutForbidden(),
         class: $.clsx(classNames("cinder-alert", "cinder-_status-surface", className)),
-        "data-cinder-variant": variant,
+        "data-cinder-variant": resolvedVariant(),
         role: "alert"
       })}>`);
       if (icon) {
@@ -140,4 +141,4 @@ export {
   Alert
 };
 
-//# debugId=F9E66C68918E320A64756E2164756E21
+//# debugId=5617FF8C08E5F1B564756E2164756E21

package/dist/server/components/alert-dialog/index.js

@@ -75,6 +75,9 @@ function Button($$renderer, $$props) {
       "aria-busy": consumerAriaBusy,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
+      "aria-expanded": ariaExpanded,
+      "aria-controls": ariaControls,
+      "aria-haspopup": ariaHaspopup,
       $$slots,
       $$events,
       ...rest
@@ -163,7 +166,10 @@ function Button($$renderer, $$props) {
         "aria-disabled": resolvedAriaDisabled(),
         "aria-busy": resolvedAriaBusy(),
         "aria-label": resolvedAriaLabel(),
-        "aria-labelledby": resolvedAriaLabelledBy()
+        "aria-labelledby": resolvedAriaLabelledBy(),
+        "aria-expanded": ariaExpanded,
+        "aria-controls": ariaControls,
+        "aria-haspopup": ariaHaspopup
       })}>`);
       buttonContent($$renderer2);
       $$renderer2.push(`<!----></a>`);
@@ -178,7 +184,10 @@ function Button($$renderer, $$props) {
         "aria-disabled": resolvedAriaDisabled(),
         "aria-busy": resolvedAriaBusy(),
         "aria-label": resolvedAriaLabel(),
-        "aria-labelledby": resolvedAriaLabelledBy()
+        "aria-labelledby": resolvedAriaLabelledBy(),
+        "aria-expanded": ariaExpanded,
+        "aria-controls": ariaControls,
+        "aria-haspopup": ariaHaspopup
       })}>`);
       buttonContent($$renderer2);
       $$renderer2.push(`<!----></button>`);
@@ -582,4 +591,4 @@ export {
   Alert_dialog as AlertDialog
 };
 
-//# debugId=262CD3F39F6E018164756E2164756E21
+//# debugId=6C3217B1A6541C0A64756E2164756E21

package/dist/server/components/area-chart/index.css

@@ -83,10 +83,57 @@
     pointer-events: none;
   }
 
-  .cinder-area-chart__focus-target:focus-visible {
-    stroke: var(--cinder-accent);
+  .cinder-area-chart__focus-target:focus-visible:not([data-cinder-focus-ring-active="true"]) {
+    fill: transparent;
+    stroke: var(--cinder-ring-color);
+    stroke-width: var(--cinder-ring-width);
+    vector-effect: non-scaling-stroke;
+    filter: none;
+  }
+
+  .cinder-area-chart__focus-ring-layer {
+    pointer-events: none;
+  }
+
+  .cinder-area-chart__focus-ring, .cinder-area-chart__focus-ring-halo, .cinder-area-chart__focus-ring-connector, .cinder-area-chart__focus-ring-dot {
+    fill: none;
+    pointer-events: none;
+    vector-effect: non-scaling-stroke;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+  }
+
+  .cinder-area-chart__focus-ring {
+    stroke: var(--cinder-ring-color);
     stroke-width: var(--cinder-ring-width);
-    filter: drop-shadow(0 0 var(--cinder-ring-width) var(--cinder-ring-color));
+    filter: none;
+  }
+
+  .cinder-area-chart__focus-ring-halo {
+    stroke: var(--cinder-ring-offset-color);
+    stroke-width: calc(var(--cinder-ring-width)  + var(--cinder-ring-offset)  + var(--cinder-ring-offset));
+    filter: none;
+  }
+
+  @media (forced-colors: active) {
+    .cinder-area-chart__focus-ring-halo {
+      display: none;
+    }
+
+    .cinder-area-chart__focus-ring, .cinder-area-chart__focus-ring-connector, .cinder-area-chart__focus-ring-dot {
+      fill: none;
+      stroke: ButtonText;
+      stroke-width: var(--cinder-ring-width);
+      filter: none;
+    }
+
+    .cinder-area-chart__focus-target:focus-visible:not([data-cinder-focus-ring-active="true"]) {
+      fill: transparent;
+      stroke: ButtonText;
+      stroke-width: var(--cinder-ring-width);
+      vector-effect: non-scaling-stroke;
+      filter: none;
+    }
   }
 
   .cinder-area-chart__tick-label {