@lostgradient/cinder 0.6.0 → 0.8.0

package/dist/components/scroll-area/index.js

@@ -65,21 +65,22 @@ function classNames(...parts) {
 
 // src/components/scroll-area/scroll-area.svelte
 var explicitRegionElements = new Set(["div", "pre"]);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "direction",
+  "maxHeight",
+  "maxWidth",
+  "label",
+  "tabindex",
+  "as",
+  "class",
+  "children"
+]);
 function Scroll_area($$anchor, $$props) {
   $.push($$props, true);
-  let direction = $.prop($$props, "direction", 3, "vertical"), tabindex = $.prop($$props, "tabindex", 3, 0), as = $.prop($$props, "as", 3, "div"), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "direction",
-    "maxHeight",
-    "maxWidth",
-    "label",
-    "tabindex",
-    "as",
-    "class",
-    "children"
-  ]);
+  let direction = $.prop($$props, "direction", 3, "vertical"), tabindex = $.prop($$props, "tabindex", 3, 0), as = $.prop($$props, "as", 3, "div"), rest = $.rest_props($$props, rest_excludes);
   const normalizedAriaLabel = $.derived(() => typeof $$props.label === "string" && $$props.label.trim().length > 0 ? $$props.label.trim() : undefined);
   const ariaLabelledby = $.derived(() => rest["aria-labelledby"]);
   const hasAccessibleName = $.derived(() => Boolean($.get(normalizedAriaLabel)) || typeof $.get(ariaLabelledby) === "string" && $.get(ariaLabelledby).trim().length > 0);
@@ -115,4 +116,4 @@ export {
   Scroll_area as ScrollArea
 };
 
-//# debugId=7608A34AA3043DB264756E2164756E21
+//# debugId=4284A12459693BE664756E2164756E21

package/dist/components/search-field/index.js

@@ -255,28 +255,29 @@ function classNames(...parts) {
 }
 
 // src/components/search-field/search-field.svelte
-var root_1 = $4.from_html(`<kbd class="cinder-search-field__shortcut" aria-hidden="true"> </kbd>`);
-var root2 = $4.from_html(`<div><span class="cinder-search-field__leading" aria-hidden="true"><!></span> <input/> <button type="button" class="cinder-search-field__clear" aria-label="Clear search"><!></button> <!></div>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "defaultValue",
+  "placeholder",
+  "shortcut",
+  "disabled",
+  "readonly",
+  "name",
+  "class",
+  "oninput",
+  "onsearch",
+  "onclear",
+  "onkeydown"
+]);
+var root2 = $4.from_html(`<kbd class="cinder-search-field__shortcut" aria-hidden="true"> </kbd>`);
+var root_1 = $4.from_html(`<div><span class="cinder-search-field__leading" aria-hidden="true"><!></span> <input/> <button type="button" class="cinder-search-field__clear" aria-label="Clear search"><!></button> <!></div>`);
 function Search_field($$anchor, $$props) {
   $4.push($$props, true);
-  let rest = $4.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "value",
-    "defaultValue",
-    "placeholder",
-    "shortcut",
-    "disabled",
-    "readonly",
-    "name",
-    "class",
-    "oninput",
-    "onsearch",
-    "onclear",
-    "onkeydown"
-  ]);
+  let rest = $4.rest_props($$props, rest_excludes);
   const context = getFormFieldContext();
   const resolvedId = $4.derived(() => $$props.id ?? context?.controlId);
   let inputElement = $4.state(null);
@@ -322,7 +323,7 @@ function Search_field($$anchor, $$props) {
     $$props.oninput?.("");
     $$props.onclear?.();
   }
-  var div = root2();
+  var div = root_1();
   var span = $4.child(div);
   var node = $4.child(span);
   Search(node, { class: "cinder-search-field__icon", "aria-hidden": "true" });
@@ -353,7 +354,7 @@ function Search_field($$anchor, $$props) {
   var node_2 = $4.sibling(button, 2);
   {
     var consequent = ($$anchor2) => {
-      var kbd = root_1();
+      var kbd = root2();
       var text = $4.child(kbd, true);
       $4.reset(kbd);
       $4.template_effect(() => $4.set_text(text, $$props.shortcut));
@@ -388,4 +389,4 @@ export {
   Search_field as SearchField
 };
 
-//# debugId=184912B4D35AEFE564756E2164756E21
+//# debugId=A3842C707A63959B64756E2164756E21

package/dist/components/secret-value-field/index.js

@@ -148,33 +148,34 @@ function _visually_hidden_live_region($$anchor, $$props) {
 }
 
 // src/components/secret-value-field/secret-value-field.svelte
-var root_1 = $2.from_html(`<span class="cinder-secret-value-field__prefix" aria-hidden="true"> </span>`);
-var root_2 = $2.from_html(`<span class="cinder-secret-value-field__suffix" aria-hidden="true"> </span>`);
-var root_4 = $2.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path fill-rule="evenodd" d="M3.28 2.22a.75.75 0 00-1.06 1.06l14.5 14.5a.75.75 0 101.06-1.06l-1.745-1.745a10.029 10.029 0 003.3-4.38 1.651 1.651 0 000-1.185A10.004 10.004 0 009.999 3a9.956 9.956 0 00-4.744 1.194L3.28 2.22zM7.752 6.69l1.092 1.092a2.5 2.5 0 013.374 3.373l1.091 1.092a4 4 0 00-5.557-5.557z" clip-rule="evenodd"></path><path d="M10.748 13.93l2.523 2.524a9.987 9.987 0 01-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 010-1.186A10.007 10.007 0 012.839 6.02L6.07 9.252a4 4 0 004.678 4.678z"></path></svg>`);
-var root_5 = $2.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path d="M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"></path><path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 010-1.186A10.004 10.004 0 0110 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0110 17c-4.257 0-7.893-2.66-9.336-6.41zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"></path></svg>`);
-var root_3 = $2.from_html(`<button type="button" class="cinder-secret-value-field__toggle"><!></button>`);
-var root_6 = $2.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"></path></svg>`);
-var root_7 = $2.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path d="M7 3.5A1.5 1.5 0 018.5 2h3.879a1.5 1.5 0 011.06.44l3.122 3.12A1.5 1.5 0 0117 6.622V12.5a1.5 1.5 0 01-1.5 1.5h-1v-3.379a3 3 0 00-.879-2.121L10.5 5.379A3 3 0 008.379 4.5H7v-1z"></path><path d="M4.5 6A1.5 1.5 0 003 7.5v9A1.5 1.5 0 004.5 18h7a1.5 1.5 0 001.5-1.5v-5.879a1.5 1.5 0 00-.44-1.06L9.44 6.439A1.5 1.5 0 008.378 6H4.5z"></path></svg>`);
-var root_8 = $2.from_html(`<div class="cinder-secret-value-field__warning"><!></div>`);
-var root2 = $2.from_html(`<div><span class="cinder-secret-value-field__label"> </span> <div class="cinder-secret-value-field__row" role="group"><!> <span class="cinder-secret-value-field__value"> </span> <!> <div class="cinder-secret-value-field__actions"><!> <button type="button" class="cinder-secret-value-field__copy"><!></button></div></div> <!> <!></div>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "value",
+  "prefix",
+  "suffix",
+  "label",
+  "allowReveal",
+  "initiallyRevealed",
+  "confirmDuration",
+  "copiedLabel",
+  "warning",
+  "class"
+]);
+var root2 = $2.from_html(`<span class="cinder-secret-value-field__prefix" aria-hidden="true"> </span>`);
+var root_1 = $2.from_html(`<span class="cinder-secret-value-field__suffix" aria-hidden="true"> </span>`);
+var root_2 = $2.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path fill-rule="evenodd" d="M3.28 2.22a.75.75 0 00-1.06 1.06l14.5 14.5a.75.75 0 101.06-1.06l-1.745-1.745a10.029 10.029 0 003.3-4.38 1.651 1.651 0 000-1.185A10.004 10.004 0 009.999 3a9.956 9.956 0 00-4.744 1.194L3.28 2.22zM7.752 6.69l1.092 1.092a2.5 2.5 0 013.374 3.373l1.091 1.092a4 4 0 00-5.557-5.557z" clip-rule="evenodd"></path><path d="M10.748 13.93l2.523 2.524a9.987 9.987 0 01-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 010-1.186A10.007 10.007 0 012.839 6.02L6.07 9.252a4 4 0 004.678 4.678z"></path></svg>`);
+var root_3 = $2.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path d="M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"></path><path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 010-1.186A10.004 10.004 0 0110 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0110 17c-4.257 0-7.893-2.66-9.336-6.41zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"></path></svg>`);
+var root_4 = $2.from_html(`<button type="button" class="cinder-secret-value-field__toggle"><!></button>`);
+var root_5 = $2.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"></path></svg>`);
+var root_6 = $2.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path d="M7 3.5A1.5 1.5 0 018.5 2h3.879a1.5 1.5 0 011.06.44l3.122 3.12A1.5 1.5 0 0117 6.622V12.5a1.5 1.5 0 01-1.5 1.5h-1v-3.379a3 3 0 00-.879-2.121L10.5 5.379A3 3 0 008.379 4.5H7v-1z"></path><path d="M4.5 6A1.5 1.5 0 003 7.5v9A1.5 1.5 0 004.5 18h7a1.5 1.5 0 001.5-1.5v-5.879a1.5 1.5 0 00-.44-1.06L9.44 6.439A1.5 1.5 0 008.378 6H4.5z"></path></svg>`);
+var root_7 = $2.from_html(`<div class="cinder-secret-value-field__warning"><!></div>`);
+var root_8 = $2.from_html(`<div><span class="cinder-secret-value-field__label"> </span> <div class="cinder-secret-value-field__row" role="group"><!> <span class="cinder-secret-value-field__value"> </span> <!> <div class="cinder-secret-value-field__actions"><!> <button type="button" class="cinder-secret-value-field__copy"><!></button></div></div> <!> <!></div>`);
 function Secret_value_field($$anchor, $$props) {
   const fieldId = $2.props_id();
   $2.push($$props, true);
-  let label = $2.prop($$props, "label", 3, "Secret value"), allowReveal = $2.prop($$props, "allowReveal", 3, false), initiallyRevealed = $2.prop($$props, "initiallyRevealed", 3, false), confirmDuration = $2.prop($$props, "confirmDuration", 3, 1500), copiedLabel = $2.prop($$props, "copiedLabel", 3, "Copied"), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "value",
-    "prefix",
-    "suffix",
-    "label",
-    "allowReveal",
-    "initiallyRevealed",
-    "confirmDuration",
-    "copiedLabel",
-    "warning",
-    "class"
-  ]);
+  let label = $2.prop($$props, "label", 3, "Secret value"), allowReveal = $2.prop($$props, "allowReveal", 3, false), initiallyRevealed = $2.prop($$props, "initiallyRevealed", 3, false), confirmDuration = $2.prop($$props, "confirmDuration", 3, 1500), copiedLabel = $2.prop($$props, "copiedLabel", 3, "Copied"), rest = $2.rest_props($$props, rest_excludes);
   let revealed = $2.state($2.proxy(untrack(() => initiallyRevealed())));
   let previousValue = $2.state($2.proxy(untrack(() => $$props.value)));
   let copied = $2.state(false);
@@ -207,7 +208,7 @@ function Secret_value_field($$anchor, $$props) {
     if (resetTimer)
       clearTimeout(resetTimer);
   });
-  var div = root2();
+  var div = root_8();
   $2.attribute_effect(div, ($0) => ({
     ...rest,
     class: $0,
@@ -221,7 +222,7 @@ function Secret_value_field($$anchor, $$props) {
   var node = $2.child(div_1);
   {
     var consequent = ($$anchor2) => {
-      var span_1 = root_1();
+      var span_1 = root2();
       var text_1 = $2.child(span_1, true);
       $2.reset(span_1);
       $2.template_effect(() => $2.set_text(text_1, $$props.prefix));
@@ -238,7 +239,7 @@ function Secret_value_field($$anchor, $$props) {
   var node_1 = $2.sibling(span_2, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var span_3 = root_2();
+      var span_3 = root_1();
       var text_3 = $2.child(span_3, true);
       $2.reset(span_3);
       $2.template_effect(() => $2.set_text(text_3, $$props.suffix));
@@ -253,15 +254,15 @@ function Secret_value_field($$anchor, $$props) {
   var node_2 = $2.child(div_2);
   {
     var consequent_3 = ($$anchor2) => {
-      var button = root_3();
+      var button = root_4();
       var node_3 = $2.child(button);
       {
         var consequent_2 = ($$anchor3) => {
-          var svg = root_4();
+          var svg = root_2();
           $2.append($$anchor3, svg);
         };
         var alternate = ($$anchor3) => {
-          var svg_1 = root_5();
+          var svg_1 = root_3();
           $2.append($$anchor3, svg_1);
         };
         $2.if(node_3, ($$render) => {
@@ -288,11 +289,11 @@ function Secret_value_field($$anchor, $$props) {
   var node_4 = $2.child(button_1);
   {
     var consequent_4 = ($$anchor2) => {
-      var svg_2 = root_6();
+      var svg_2 = root_5();
       $2.append($$anchor2, svg_2);
     };
     var alternate_1 = ($$anchor2) => {
-      var svg_3 = root_7();
+      var svg_3 = root_6();
       $2.append($$anchor2, svg_3);
     };
     $2.if(node_4, ($$render) => {
@@ -308,7 +309,7 @@ function Secret_value_field($$anchor, $$props) {
   var node_5 = $2.sibling(div_1, 2);
   {
     var consequent_5 = ($$anchor2) => {
-      var div_3 = root_8();
+      var div_3 = root_7();
       var node_6 = $2.child(div_3);
       $2.snippet(node_6, () => $$props.warning);
       $2.reset(div_3);
@@ -349,4 +350,4 @@ export {
   Secret_value_field as SecretValueField
 };
 
-//# debugId=5C23CA9755FD109A64756E2164756E21
+//# debugId=2C85B07D1461A42264756E2164756E21

package/dist/components/section-heading/index.js

@@ -64,22 +64,22 @@ function classNames(...parts) {
 }
 
 // src/components/section-heading/section-heading.svelte
-var root_1 = $.from_html(`<hgroup class="cinder-section-heading__hgroup"><p class="cinder-section-heading__label"><!></p> <!></hgroup>`);
-var root_5 = $.from_html(`<p class="cinder-section-heading__description"> </p>`);
-var root_6 = $.from_html(`<div class="cinder-section-heading__actions"><!></div>`);
-var root_7 = $.from_html(`<div class="cinder-section-heading__tabs"><!></div>`);
-var root = $.from_html(`<div><div class="cinder-section-heading__row"><div class="cinder-section-heading__primary"><!> <!></div> <!></div> <!></div>`);
+var root = $.from_html(`<hgroup class="cinder-section-heading__hgroup"><p class="cinder-section-heading__label"><!></p> <!></hgroup>`);
+var root_1 = $.from_html(`<p class="cinder-section-heading__description"> </p>`);
+var root_2 = $.from_html(`<div class="cinder-section-heading__actions"><!></div>`);
+var root_3 = $.from_html(`<div class="cinder-section-heading__tabs"><!></div>`);
+var root_4 = $.from_html(`<div><div class="cinder-section-heading__row"><div class="cinder-section-heading__primary"><!> <!></div> <!></div> <!></div>`);
 function Section_heading($$anchor, $$props) {
   $.push($$props, true);
   let level = $.prop($$props, "level", 3, 2);
   const headingTag = $.derived(() => `h${level()}`);
-  var div = root();
+  var div = root_4();
   var div_1 = $.child(div);
   var div_2 = $.child(div_1);
   var node = $.child(div_2);
   {
     var consequent = ($$anchor2) => {
-      var hgroup = root_1();
+      var hgroup = root();
       var p = $.child(hgroup);
       var node_1 = $.child(p);
       $.snippet(node_1, () => $$props.label);
@@ -115,7 +115,7 @@ function Section_heading($$anchor, $$props) {
   var node_4 = $.sibling(node, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var p_1 = root_5();
+      var p_1 = root_1();
       var text_2 = $.child(p_1, true);
       $.reset(p_1);
       $.template_effect(() => $.set_text(text_2, $$props.description));
@@ -130,7 +130,7 @@ function Section_heading($$anchor, $$props) {
   var node_5 = $.sibling(div_2, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var div_3 = root_6();
+      var div_3 = root_2();
       var node_6 = $.child(div_3);
       $.snippet(node_6, () => $$props.actions);
       $.reset(div_3);
@@ -145,7 +145,7 @@ function Section_heading($$anchor, $$props) {
   var node_7 = $.sibling(div_1, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var div_4 = root_7();
+      var div_4 = root_3();
       var node_8 = $.child(div_4);
       $.snippet(node_8, () => $$props.tabs);
       $.reset(div_4);
@@ -174,4 +174,4 @@ export {
   Section_heading as SectionHeading
 };
 
-//# debugId=681D78CEF988AB5164756E2164756E21
+//# debugId=D71BDFB279AD4A3164756E2164756E21

package/dist/components/segment/index.js

@@ -63,7 +63,22 @@ function classNames(...parts) {
 
 // src/components/segmented-control/segmented-control-state.svelte.ts
 import * as $ from "svelte/internal/client";
-import { createContext } from "svelte";
+
+// src/_internal/strict-stable-context.ts
+import { getContext, setContext } from "svelte";
+function strictStableContext(key, missingMessage) {
+  const contextKey = Symbol.for(key);
+  return [
+    () => {
+      const context = getContext(contextKey);
+      if (context === undefined) {
+        throw new Error(`missing_context: ${missingMessage}`);
+      }
+      return context;
+    },
+    (context) => setContext(contextKey, context)
+  ];
+}
 
 // src/utilities/document-order.ts
 var DOCUMENT_POSITION_PRECEDING = 2;
@@ -154,8 +169,7 @@ function getFocusableIndex(selectedIndex, length, isDisabled) {
 }
 
 // src/components/segmented-control/segmented-control-state.svelte.ts
-var [getSegmentedControlContext, setSegmentedControlContext] = createContext();
-
+var [getSegmentedControlContext, setSegmentedControlContext] = strictStableContext("@lostgradient/cinder/segmented-control/context", "Segment must be rendered inside a SegmentedControl");
 class SegmentedControlController {
   #registrations = [];
   #version = $.state(0);
@@ -283,23 +297,24 @@ class SegmentedControlController {
 }
 
 // src/components/segment/segment.svelte
-var root_1 = $2.from_html(`<span class="cinder-segmented-control-option-icon" aria-hidden="true"><!></span>`);
-var root_2 = $2.from_html(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true"><!></span>`);
-var root = $2.from_html(`<button><!> <!> <!></button>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "value",
+  "disabled",
+  "controls",
+  "leading",
+  "trailing",
+  "children",
+  "class"
+]);
+var root = $2.from_html(`<span class="cinder-segmented-control-option-icon" aria-hidden="true"><!></span>`);
+var root_1 = $2.from_html(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true"><!></span>`);
+var root_2 = $2.from_html(`<button><!> <!> <!></button>`);
 function Segment($$anchor, $$props) {
   $2.push($$props, true);
-  let disabled = $2.prop($$props, "disabled", 3, false), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "value",
-    "disabled",
-    "controls",
-    "leading",
-    "trailing",
-    "children",
-    "class"
-  ]);
+  let disabled = $2.prop($$props, "disabled", 3, false), rest = $2.rest_props($$props, rest_excludes);
   const context = getSegmentedControlContext();
   const registerSegment = (node) => {
     return untrack(() => context.register({
@@ -319,7 +334,7 @@ function Segment($$anchor, $$props) {
   const isFocusable = $2.derived(() => context.isFocusable($$props.value));
   const effectiveDisabled = $2.derived(() => disabled() || context.controlDisabled);
   const role = $2.derived(() => context.selectionMode === "multiple" ? undefined : context.variant === "tablist" ? "tab" : "radio");
-  var button = root();
+  var button = root_2();
   var event_handler = () => context.toggle($$props.value);
   $2.attribute_effect(button, ($0) => ({
     ...rest,
@@ -343,7 +358,7 @@ function Segment($$anchor, $$props) {
   var node_1 = $2.child(button);
   {
     var consequent = ($$anchor2) => {
-      var span = root_1();
+      var span = root();
       var node_2 = $2.child(span);
       $2.snippet(node_2, () => $$props.leading);
       $2.reset(span);
@@ -359,7 +374,7 @@ function Segment($$anchor, $$props) {
   var node_4 = $2.sibling(node_3, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var span_1 = root_2();
+      var span_1 = root_1();
       var node_5 = $2.child(span_1);
       $2.snippet(node_5, () => $$props.trailing);
       $2.reset(span_1);
@@ -383,4 +398,4 @@ export {
   Segment
 };
 
-//# debugId=03BC5CAEA8254DD264756E2164756E21
+//# debugId=CFCFE4C72557F31C64756E2164756E21

package/dist/components/segmented-control/index.d.ts

@@ -1,5 +1,7 @@
+import Segment from '../segment/segment.svelte';
 import './segmented-control.css';
 import SegmentedControl from './segmented-control.svelte';
 export default SegmentedControl;
+export type { SegmentProps } from '../segment/segment.types.ts';
 export type { SegmentedControlProps } from './segmented-control.types.ts';
-export { SegmentedControl };
+export { Segment, SegmentedControl };