@proyecto-viviana/ui 0.4.1 → 0.6.0

package/dist/well/index.d.ts

@@ -0,0 +1,10 @@
+import { type JSX } from "solid-js";
+export interface WellProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+}
+/**
+ * A Well is a styled container that groups content into an inset, subtly
+ * emphasized region — for example a code sample or a callout block.
+ */
+export declare function Well(props: WellProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/well/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/well/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAIhD,MAAM,WAAW,SAAU,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkCD;;;GAGG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAOlD"}

package/dist/well/index.js

@@ -0,0 +1,25 @@
+import { getNextElement, insert, mergeProps, runHydrationEvents, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/well/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+const wellStyles = " sb151 gHPXipd151 _iRvAxPd151 _ilc151 __mrmLYsd151 _kb151 hb151 mb151 lb151 _jf151 iAv83Hb151 oc151 nc151 kc151 jc151 Tf151 Qf151 Sf151 Rf151";
+/**
+* A Well is a styled container that groups content into an inset, subtly
+* emphasized region — for example a code sample or a callout block.
+*/
+function Well(props) {
+	const [local, domProps] = splitProps(props, ["class", "children"]);
+	return (() => {
+		var _el$ = getNextElement(_tmpl$);
+		spread(_el$, mergeProps(domProps, { get ["class"]() {
+			return [wellStyles, local.class].filter(Boolean).join(" ");
+		} }), false, true);
+		insert(_el$, () => local.children);
+		runHydrationEvents();
+		return _el$;
+	})();
+}
+//#endregion
+export { Well };
+
+//# sourceMappingURL=index.js.map

package/dist/well/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/well/index.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { wellScan } from \"../s2-internal/style-utils\" with { type: \"macro\" };\n\nexport interface WellProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  class?: string;\n}\n\n// Well has no Spectrum 2 upstream (S2 retired it), so its look is composed from\n// S2 design tokens directly rather than mirrored from a pinned component: a subtle\n// inset panel — a neutral `gray-100` surface, a 1px `gray-300` hairline, the standard\n// `lg` radius, and 16px of inset padding. (`gray-100` is used, not the `layer-1`\n// abstraction, because `layer-1` compiles to a `--s2-container-bg` variable that only\n// the Card/Provider container machinery reads — a bare element would get no fill.)\n// Emitting through the `style()` macro (not hand-authored utility classes) means the\n// CSS ships in the package's `styles.css` bundle, so installed consumers get it\n// without any Tailwind backfill.\n// The handoff has a Well of its own (TerminalGlassLab.tsx:262) and it is the one\n// container that is emphatically NOT glass — \"matte / opaque, NEVER glass\"\n// (design-handoff-v2.css:56). So this takes no blur and no rim — but it is not bare\n// either: the handoff opens every well with a `<ScanOverlay />`, the 4px `--well-scan`\n// dither, which is the one layer that separates a well from a plain rectangle. That\n// texture is `wellScan()` (s2-internal/style-utils.ts), the same helper the `matte`\n// register hands every field, so this container and the fields inside it share one\n// surface. `--well-scan` itself is declared per scheme in viviana-tokens.css:265\n// (dark) and :559 (light). `Well` is spread here by hand rather than inherited,\n// because it composes its look from tokens directly and never routes through\n// `control()`. `lg` is already the handoff's 10px well corner, so the radius needed\n// no change; only the two grays did.\nconst wellStyles = style({\n  display: \"block\",\n  backgroundColor: \"well\",\n  ...wellScan(),\n  borderWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"well-border\",\n  borderRadius: \"lg\",\n  padding: 16,\n});\n\n/**\n * A Well is a styled container that groups content into an inset, subtly\n * emphasized region — for example a code sample or a callout block.\n */\nexport function Well(props: WellProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"children\"]);\n  return (\n    <div {...domProps} class={[wellStyles, local.class].filter(Boolean).join(\" \")}>\n      {local.children}\n    </div>\n  );\n}\n"],"mappings":";;;;AA6BA,MAAM,aAAA;;;;;AAeN,SAAgB,KAAK,OAAuB;CAC1C,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO,CAAC,SAAS,UAAA,CAAW;CACjE,cAAA;EAAA,IAAA,OAAA,eAAA,MAAA;EAAA,OAAA,MAAA,WACW,UAAQ,EAAA,KAAA,WAAA;GAAA,OAAS,CAAC,YAAY,MAAM,KAAK,EAAE,OAAO,OAAA,EAAS,KAAK,GAAA;EAAA,EAAA,CAAA,GAAA,OAAA,IAAA;EAAA,OAAA,YACtE,MAAM,QAAQ;EAAA,mBAAA;EAAA,OAAA;CAAA,GAAA;AAGrB"}

package/dist/well/index.jsx

@@ -0,0 +1,16 @@
+import { splitProps } from "solid-js";
+//#region src/well/index.tsx
+const wellStyles = " sb151 gHPXipd151 _iRvAxPd151 _ilc151 __mrmLYsd151 _kb151 hb151 mb151 lb151 _jf151 iAv83Hb151 oc151 nc151 kc151 jc151 Tf151 Qf151 Sf151 Rf151";
+/**
+* A Well is a styled container that groups content into an inset, subtly
+* emphasized region — for example a code sample or a callout block.
+*/ function Well(props) {
+	const [local, domProps] = splitProps(props, ["class", "children"]);
+	return <div {...domProps} class={[wellStyles, local.class].filter(Boolean).join(" ")}>
+      {local.children}
+    </div>;
+}
+//#endregion
+export { Well };
+
+//# sourceMappingURL=index.jsx.map

package/dist/well/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/well/index.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { wellScan } from \"../s2-internal/style-utils\" with { type: \"macro\" };\n\nexport interface WellProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  class?: string;\n}\n\n// Well has no Spectrum 2 upstream (S2 retired it), so its look is composed from\n// S2 design tokens directly rather than mirrored from a pinned component: a subtle\n// inset panel — a neutral `gray-100` surface, a 1px `gray-300` hairline, the standard\n// `lg` radius, and 16px of inset padding. (`gray-100` is used, not the `layer-1`\n// abstraction, because `layer-1` compiles to a `--s2-container-bg` variable that only\n// the Card/Provider container machinery reads — a bare element would get no fill.)\n// Emitting through the `style()` macro (not hand-authored utility classes) means the\n// CSS ships in the package's `styles.css` bundle, so installed consumers get it\n// without any Tailwind backfill.\n// The handoff has a Well of its own (TerminalGlassLab.tsx:262) and it is the one\n// container that is emphatically NOT glass — \"matte / opaque, NEVER glass\"\n// (design-handoff-v2.css:56). So this takes no blur and no rim — but it is not bare\n// either: the handoff opens every well with a `<ScanOverlay />`, the 4px `--well-scan`\n// dither, which is the one layer that separates a well from a plain rectangle. That\n// texture is `wellScan()` (s2-internal/style-utils.ts), the same helper the `matte`\n// register hands every field, so this container and the fields inside it share one\n// surface. `--well-scan` itself is declared per scheme in viviana-tokens.css:265\n// (dark) and :559 (light). `Well` is spread here by hand rather than inherited,\n// because it composes its look from tokens directly and never routes through\n// `control()`. `lg` is already the handoff's 10px well corner, so the radius needed\n// no change; only the two grays did.\nconst wellStyles = style({\n  display: \"block\",\n  backgroundColor: \"well\",\n  ...wellScan(),\n  borderWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"well-border\",\n  borderRadius: \"lg\",\n  padding: 16,\n});\n\n/**\n * A Well is a styled container that groups content into an inset, subtly\n * emphasized region — for example a code sample or a callout block.\n */\nexport function Well(props: WellProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"children\"]);\n  return (\n    <div {...domProps} class={[wellStyles, local.class].filter(Boolean).join(\" \")}>\n      {local.children}\n    </div>\n  );\n}\n"],"mappings":";;AAyBA,MAAI,aAAe;;;;GAInB,SAAmB,KAAM,OAAA;CACvB,MAAQ,CAAC,OAAO,YAAA,WAAA,OAAA,CAChB,SACG,UACH,CAAA;CACA,OAAA,CAAW,QAAQ,UAAC,OAAA,CACpB,YACA,MAAY,KACZ,EAAA,OAAW,OAAA,EAAA,KAAA,GAAA,GAAA;OACX,MAAA,SAAA;;AAEF"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@proyecto-viviana/ui",
-  "version": "0.4.1",
-  "description": "Viviana design system. Starts by re-exporting @proyecto-viviana/solid-spectrum (same components + tokens + style macro); diverges (viviana tokens, then components) over time.",
+  "version": "0.6.0",
+  "description": "Viviana design system. A reskinned fork of @proyecto-viviana/solid-spectrum: the styled top layer is duplicated and remapped to the Viviana v2 (Glasselated) register, over the shared solidaria headless stack.",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -32,108 +32,30 @@
       "import": "./dist/ActionButton.js",
       "default": "./dist/ActionButton.js"
     },
-    "./ActionMenu": {
-      "types": "./dist/ActionMenu.d.ts",
-      "solid": "./dist/ActionMenu.jsx",
-      "import": "./dist/ActionMenu.js",
-      "default": "./dist/ActionMenu.js"
-    },
-    "./Breadcrumbs": {
-      "types": "./dist/Breadcrumbs.d.ts",
-      "solid": "./dist/Breadcrumbs.jsx",
-      "import": "./dist/Breadcrumbs.js",
-      "default": "./dist/Breadcrumbs.js"
-    },
     "./Button": {
       "types": "./dist/Button.d.ts",
       "solid": "./dist/Button.jsx",
       "import": "./dist/Button.js",
       "default": "./dist/Button.js"
     },
-    "./Calendar": {
-      "types": "./dist/Calendar.d.ts",
-      "solid": "./dist/Calendar.jsx",
-      "import": "./dist/Calendar.js",
-      "default": "./dist/Calendar.js"
-    },
-    "./Card": {
-      "types": "./dist/Card.d.ts",
-      "solid": "./dist/Card.jsx",
-      "import": "./dist/Card.js",
-      "default": "./dist/Card.js"
-    },
-    "./CardView": {
-      "types": "./dist/CardView.d.ts",
-      "solid": "./dist/CardView.jsx",
-      "import": "./dist/CardView.js",
-      "default": "./dist/CardView.js"
-    },
     "./CenterBaseline": {
       "types": "./dist/CenterBaseline.d.ts",
       "solid": "./dist/CenterBaseline.jsx",
       "import": "./dist/CenterBaseline.js",
       "default": "./dist/CenterBaseline.js"
     },
-    "./ColorArea": {
-      "types": "./dist/ColorArea.d.ts",
-      "solid": "./dist/ColorArea.jsx",
-      "import": "./dist/ColorArea.js",
-      "default": "./dist/ColorArea.js"
-    },
-    "./ColorField": {
-      "types": "./dist/ColorField.d.ts",
-      "solid": "./dist/ColorField.jsx",
-      "import": "./dist/ColorField.js",
-      "default": "./dist/ColorField.js"
-    },
-    "./ColorSlider": {
-      "types": "./dist/ColorSlider.d.ts",
-      "solid": "./dist/ColorSlider.jsx",
-      "import": "./dist/ColorSlider.js",
-      "default": "./dist/ColorSlider.js"
-    },
-    "./ColorSwatch": {
-      "types": "./dist/ColorSwatch.d.ts",
-      "solid": "./dist/ColorSwatch.jsx",
-      "import": "./dist/ColorSwatch.js",
-      "default": "./dist/ColorSwatch.js"
-    },
-    "./ColorSwatchPicker": {
-      "types": "./dist/ColorSwatchPicker.d.ts",
-      "solid": "./dist/ColorSwatchPicker.jsx",
-      "import": "./dist/ColorSwatchPicker.js",
-      "default": "./dist/ColorSwatchPicker.js"
-    },
-    "./ColorWheel": {
-      "types": "./dist/ColorWheel.d.ts",
-      "solid": "./dist/ColorWheel.jsx",
-      "import": "./dist/ColorWheel.js",
-      "default": "./dist/ColorWheel.js"
-    },
     "./ContrastIcon": {
       "types": "./dist/ContrastIcon.d.ts",
       "solid": "./dist/ContrastIcon.jsx",
       "import": "./dist/ContrastIcon.js",
       "default": "./dist/ContrastIcon.js"
     },
-    "./Disclosure": {
-      "types": "./dist/Disclosure.d.ts",
-      "solid": "./dist/Disclosure.jsx",
-      "import": "./dist/Disclosure.js",
-      "default": "./dist/Disclosure.js"
-    },
     "./FileTrigger": {
       "types": "./dist/FileTrigger.d.ts",
       "solid": "./dist/FileTrigger.jsx",
       "import": "./dist/FileTrigger.js",
       "default": "./dist/FileTrigger.js"
     },
-    "./GitHubIcon": {
-      "types": "./dist/GitHubIcon.d.ts",
-      "solid": "./dist/GitHubIcon.jsx",
-      "import": "./dist/GitHubIcon.js",
-      "default": "./dist/GitHubIcon.js"
-    },
     "./LightenIcon": {
       "types": "./dist/LightenIcon.d.ts",
       "solid": "./dist/LightenIcon.jsx",
@@ -146,18 +68,6 @@
       "import": "./dist/LinkButton.js",
       "default": "./dist/LinkButton.js"
     },
-    "./ListView": {
-      "types": "./dist/ListView.d.ts",
-      "solid": "./dist/ListView.jsx",
-      "import": "./dist/ListView.js",
-      "default": "./dist/ListView.js"
-    },
-    "./Menu": {
-      "types": "./dist/Menu.d.ts",
-      "solid": "./dist/Menu.jsx",
-      "import": "./dist/Menu.js",
-      "default": "./dist/Menu.js"
-    },
     "./Picker": {
       "types": "./dist/Picker.d.ts",
       "solid": "./dist/Picker.jsx",
@@ -170,12 +80,6 @@
       "import": "./dist/Provider.js",
       "default": "./dist/Provider.js"
     },
-    "./RangeCalendar": {
-      "types": "./dist/RangeCalendar.d.ts",
-      "solid": "./dist/RangeCalendar.jsx",
-      "import": "./dist/RangeCalendar.js",
-      "default": "./dist/RangeCalendar.js"
-    },
     "./SearchField": {
       "types": "./dist/SearchField.d.ts",
       "solid": "./dist/SearchField.jsx",
@@ -194,12 +98,6 @@
       "import": "./dist/Switch.js",
       "default": "./dist/Switch.js"
     },
-    "./Tabs": {
-      "types": "./dist/Tabs.d.ts",
-      "solid": "./dist/Tabs.jsx",
-      "import": "./dist/Tabs.js",
-      "default": "./dist/Tabs.js"
-    },
     "./TextArea": {
       "types": "./dist/TextArea.d.ts",
       "solid": "./dist/TextArea.jsx",
@@ -212,79 +110,128 @@
       "import": "./dist/TextField.js",
       "default": "./dist/TextField.js"
     },
+    "./ActionMenu": {
+      "types": "./dist/ActionMenu.d.ts",
+      "solid": "./dist/ActionMenu.jsx",
+      "import": "./dist/ActionMenu.js",
+      "default": "./dist/ActionMenu.js"
+    },
+    "./Breadcrumbs": {
+      "types": "./dist/Breadcrumbs.d.ts",
+      "solid": "./dist/Breadcrumbs.jsx",
+      "import": "./dist/Breadcrumbs.js",
+      "default": "./dist/Breadcrumbs.js"
+    },
+    "./Calendar": {
+      "types": "./dist/Calendar.d.ts",
+      "solid": "./dist/Calendar.jsx",
+      "import": "./dist/Calendar.js",
+      "default": "./dist/Calendar.js"
+    },
+    "./ColorArea": {
+      "types": "./dist/ColorArea.d.ts",
+      "solid": "./dist/ColorArea.jsx",
+      "import": "./dist/ColorArea.js",
+      "default": "./dist/ColorArea.js"
+    },
+    "./ColorField": {
+      "types": "./dist/ColorField.d.ts",
+      "solid": "./dist/ColorField.jsx",
+      "import": "./dist/ColorField.js",
+      "default": "./dist/ColorField.js"
+    },
+    "./ColorSlider": {
+      "types": "./dist/ColorSlider.d.ts",
+      "solid": "./dist/ColorSlider.jsx",
+      "import": "./dist/ColorSlider.js",
+      "default": "./dist/ColorSlider.js"
+    },
+    "./ColorSwatch": {
+      "types": "./dist/ColorSwatch.d.ts",
+      "solid": "./dist/ColorSwatch.jsx",
+      "import": "./dist/ColorSwatch.js",
+      "default": "./dist/ColorSwatch.js"
+    },
+    "./ColorSwatchPicker": {
+      "types": "./dist/ColorSwatchPicker.d.ts",
+      "solid": "./dist/ColorSwatchPicker.jsx",
+      "import": "./dist/ColorSwatchPicker.js",
+      "default": "./dist/ColorSwatchPicker.js"
+    },
+    "./ColorWheel": {
+      "types": "./dist/ColorWheel.d.ts",
+      "solid": "./dist/ColorWheel.jsx",
+      "import": "./dist/ColorWheel.js",
+      "default": "./dist/ColorWheel.js"
+    },
+    "./Disclosure": {
+      "types": "./dist/disclosure-export.d.ts",
+      "solid": "./dist/disclosure-export.jsx",
+      "import": "./dist/disclosure-export.js",
+      "default": "./dist/disclosure-export.js"
+    },
+    "./Card": {
+      "types": "./dist/Card.d.ts",
+      "solid": "./dist/Card.jsx",
+      "import": "./dist/Card.js",
+      "default": "./dist/Card.js"
+    },
+    "./CardView": {
+      "types": "./dist/CardView.d.ts",
+      "solid": "./dist/CardView.jsx",
+      "import": "./dist/CardView.js",
+      "default": "./dist/CardView.js"
+    },
+    "./ListView": {
+      "types": "./dist/ListView.d.ts",
+      "solid": "./dist/ListView.jsx",
+      "import": "./dist/ListView.js",
+      "default": "./dist/ListView.js"
+    },
     "./TreeView": {
       "types": "./dist/TreeView.d.ts",
       "solid": "./dist/TreeView.jsx",
       "import": "./dist/TreeView.js",
       "default": "./dist/TreeView.js"
     },
-    "./CalendarCard": {
-      "types": "./dist/CalendarCard.d.ts",
-      "solid": "./dist/CalendarCard.jsx",
-      "import": "./dist/CalendarCard.js",
-      "default": "./dist/CalendarCard.js"
-    },
-    "./Chip": {
-      "types": "./dist/Chip.d.ts",
-      "solid": "./dist/Chip.jsx",
-      "import": "./dist/Chip.js",
-      "default": "./dist/Chip.js"
-    },
-    "./Conversation": {
-      "types": "./dist/Conversation.d.ts",
-      "solid": "./dist/Conversation.jsx",
-      "import": "./dist/Conversation.js",
-      "default": "./dist/Conversation.js"
-    },
-    "./EventCard": {
-      "types": "./dist/EventCard.d.ts",
-      "solid": "./dist/EventCard.jsx",
-      "import": "./dist/EventCard.js",
-      "default": "./dist/EventCard.js"
-    },
-    "./Logo": {
-      "types": "./dist/Logo.d.ts",
-      "solid": "./dist/Logo.jsx",
-      "import": "./dist/Logo.js",
-      "default": "./dist/Logo.js"
-    },
-    "./PageLayout": {
-      "types": "./dist/PageLayout.d.ts",
-      "solid": "./dist/PageLayout.jsx",
-      "import": "./dist/PageLayout.js",
-      "default": "./dist/PageLayout.js"
-    },
-    "./ProfileCard": {
-      "types": "./dist/ProfileCard.d.ts",
-      "solid": "./dist/ProfileCard.jsx",
-      "import": "./dist/ProfileCard.js",
-      "default": "./dist/ProfileCard.js"
-    },
-    "./ProjectCard": {
-      "types": "./dist/ProjectCard.d.ts",
-      "solid": "./dist/ProjectCard.jsx",
-      "import": "./dist/ProjectCard.js",
-      "default": "./dist/ProjectCard.js"
-    },
-    "./TimelineItem": {
-      "types": "./dist/TimelineItem.d.ts",
-      "solid": "./dist/TimelineItem.jsx",
-      "import": "./dist/TimelineItem.js",
-      "default": "./dist/TimelineItem.js"
+    "./RangeCalendar": {
+      "types": "./dist/RangeCalendar.d.ts",
+      "solid": "./dist/RangeCalendar.jsx",
+      "import": "./dist/RangeCalendar.js",
+      "default": "./dist/RangeCalendar.js"
+    },
+    "./Menu": {
+      "types": "./dist/Menu.d.ts",
+      "solid": "./dist/Menu.jsx",
+      "import": "./dist/Menu.js",
+      "default": "./dist/Menu.js"
+    },
+    "./Tabs": {
+      "types": "./dist/Tabs.d.ts",
+      "solid": "./dist/Tabs.jsx",
+      "import": "./dist/Tabs.js",
+      "default": "./dist/Tabs.js"
+    },
+    "./GitHubIcon": {
+      "types": "./dist/GitHubIcon.d.ts",
+      "solid": "./dist/GitHubIcon.jsx",
+      "import": "./dist/GitHubIcon.js",
+      "default": "./dist/GitHubIcon.js"
     },
     "./theme.css": "./dist/theme.css",
     "./font-faces.css": "./dist/font-faces.css",
     "./styles.css": "./dist/styles.css",
     "./components.css": "./dist/components.css",
+    "./viviana-tokens.css": "./dist/viviana-tokens.css",
     "./style": {
-      "types": "./dist/style.d.ts",
-      "solid": "./dist/style.jsx",
-      "import": "./dist/style.js",
-      "default": "./dist/style.js"
+      "types": "./dist/style/index.d.ts",
+      "solid": "./dist/style/index.js",
+      "import": "./dist/style/index.js",
+      "default": "./dist/style/index.js"
     },
     "./style/runtime": {
       "types": "./dist/style/runtime.d.ts",
-      "solid": "./dist/style/runtime.jsx",
+      "solid": "./dist/style/runtime.js",
       "import": "./dist/style/runtime.js",
       "default": "./dist/style/runtime.js"
     },
@@ -299,11 +246,15 @@
     "access": "public"
   },
   "dependencies": {
-    "@proyecto-viviana/solid-spectrum": "0.6.1",
+    "@adobe/spectrum-tokens": "14.0.0",
+    "@parcel/macros": "^2.16.4",
+    "csstype": "^3.2.3",
+    "@proyecto-viviana/solid-stately": "0.4.1",
+    "@proyecto-viviana/solidaria": "0.4.1",
     "@proyecto-viviana/solidaria-components": "0.4.1"
   },
   "devDependencies": {
-    "solid-js": "^1.9.0",
+    "solid-js": "^1.9.11",
     "unplugin-parcel-macros": "0.2.0",
     "@proyecto-viviana/solid-spectrum-test-utils": "0.0.8"
   },
@@ -317,6 +268,7 @@
     }
   },
   "scripts": {
-    "build": "NODE_ENV=production vp pack && node scripts/inline-macro-css.mjs && rm -f tsconfig.build.tsbuildinfo && tsc -p tsconfig.build.json"
+    "build": "NODE_ENV=production vp pack && rm -f tsconfig.build.tsbuildinfo && tsc -p tsconfig.build.json",
+    "dev": "vp pack --watch"
   }
 }

package/src/ActionButton.ts

@@ -1 +1,2 @@
-export * from "@proyecto-viviana/solid-spectrum/ActionButton";
+export { ActionButton } from "./button/ActionButton";
+export type { ActionButtonProps, ActionButtonSize } from "./button/ActionButton";

package/src/ActionMenu.ts

@@ -1 +1,26 @@
-export * from "@proyecto-viviana/solid-spectrum/ActionMenu";
+export { ActionMenu, ActionMenuContext } from "./menu/ActionMenu";
+export type { ActionMenuProps } from "./menu/ActionMenu";
+
+export {
+  Collection,
+  ContextualHelpPopover,
+  Header,
+  Heading,
+  Keyboard,
+  MenuItem,
+  MenuSection,
+  MenuTrigger,
+  SubmenuTrigger,
+  Text,
+  UnavailableMenuItemTrigger,
+} from "./menu/index";
+export type {
+  ContextualHelpPopoverProps,
+  MenuItemProps,
+  MenuSectionProps,
+  MenuTriggerProps,
+  SubmenuTriggerProps,
+  UnavailableMenuItemTriggerProps,
+} from "./menu/index";
+
+export type { Key } from "@proyecto-viviana/solid-stately";

package/src/Breadcrumbs.ts

@@ -1 +1,9 @@
-export * from "@proyecto-viviana/solid-spectrum/Breadcrumbs";
+export { Breadcrumb, BreadcrumbItem, Breadcrumbs, BreadcrumbsContext } from "./breadcrumbs/index";
+export type {
+  BreadcrumbItemProps,
+  BreadcrumbProps,
+  BreadcrumbsProps,
+  BreadcrumbsSize,
+  BreadcrumbsVariant,
+  S2BreadcrumbsSize,
+} from "./breadcrumbs/index";

package/src/Button.ts

@@ -1 +1 @@
-export * from "@proyecto-viviana/solid-spectrum/Button";
+export * from "./button";

package/src/Calendar.ts

@@ -1 +1,8 @@
-export * from "@proyecto-viviana/solid-spectrum/Calendar";
+export { Calendar, CalendarContext } from "./calendar/index";
+export type {
+  CalendarDate,
+  CalendarFirstDayOfWeek,
+  CalendarProps,
+  CalendarSize,
+  DateValue,
+} from "./calendar/index";

package/src/Card.ts

@@ -1 +1,23 @@
-export * from "@proyecto-viviana/solid-spectrum/Card";
+export {
+  AssetCard,
+  Card,
+  CardContext,
+  CardPreview,
+  CollectionCardPreview,
+  Image,
+  ProductCard,
+  UserCard,
+} from "./card/index";
+export type {
+  AssetCardProps,
+  CardDensity,
+  CardPreviewProps,
+  CardProps,
+  CardRenderProps,
+  CardSize,
+  CardVariant,
+  ProductCardProps,
+  UserCardProps,
+} from "./card/index";
+export { Content, Footer, Text } from "./text";
+export type { ContentProps, FooterProps, TextProps } from "./text";

package/src/CardView.ts

@@ -1 +1,32 @@
-export * from "@proyecto-viviana/solid-spectrum/CardView";
+export {
+  AssetCard,
+  Card,
+  CardContext,
+  CardPreview,
+  CardView,
+  CardViewContext,
+  Collection,
+  CollectionCardPreview,
+  Image,
+  ProductCard,
+  UserCard,
+} from "./cardview/index";
+export type {
+  AssetCardProps,
+  CardPreviewProps,
+  CardProps,
+  CardRenderProps,
+  CardViewDensity,
+  CardViewLayout,
+  CardViewLoadingState,
+  CardViewProps,
+  CardViewSelectionStyle,
+  CardViewSize,
+  CardViewVariant,
+  ProductCardProps,
+  UserCardProps,
+} from "./cardview/index";
+export { SkeletonCollection } from "./skeleton";
+export type { SkeletonCollectionProps } from "./skeleton";
+export { Content, Footer, Text } from "./text";
+export type { ContentProps, FooterProps, TextProps } from "./text";

package/src/CenterBaseline.ts

@@ -1 +1,2 @@
-export * from "@proyecto-viviana/solid-spectrum/CenterBaseline";
+export { CenterBaseline } from "./icon/center-baseline";
+export type { CenterBaselineProps } from "./icon/center-baseline";

package/src/ColorArea.ts

@@ -1 +1,11 @@
-export * from "@proyecto-viviana/solid-spectrum/ColorArea";
+export { ColorArea, ColorAreaContext, getColorChannels, parseColor } from "./color";
+
+export type {
+  Color,
+  ColorAxes,
+  ColorAreaProps,
+  ColorChannel,
+  ColorChannelRange,
+  ColorFormat,
+  ColorSpace,
+} from "./color";

package/src/ColorField.ts

@@ -1 +1,13 @@
-export * from "@proyecto-viviana/solid-spectrum/ColorField";
+export { ColorField, ColorFieldContext, parseColor } from "./color";
+
+export type {
+  Color,
+  ColorChannel,
+  ColorFieldLabelAlign,
+  ColorFieldLabelPosition,
+  ColorFieldNecessityIndicator,
+  ColorFieldProps,
+  ColorFieldSize,
+  ColorFormat,
+  ColorSpace,
+} from "./color";

package/src/ColorSlider.ts

@@ -1 +1,11 @@
-export * from "@proyecto-viviana/solid-spectrum/ColorSlider";
+export { ColorSlider, ColorSliderContext, getColorChannels, parseColor } from "./color";
+
+export type {
+  Color,
+  ColorChannel,
+  ColorChannelRange,
+  ColorFormat,
+  ColorSliderProps,
+  ColorSpace,
+  ColorAxes,
+} from "./color";

package/src/ColorSwatch.ts

@@ -1 +1,13 @@
-export * from "@proyecto-viviana/solid-spectrum/ColorSwatch";
+export { ColorSwatch, ColorSwatchContext, getColorChannels, parseColor } from "./color";
+
+export type {
+  Color,
+  ColorAxes,
+  ColorChannel,
+  ColorChannelRange,
+  ColorFormat,
+  ColorSpace,
+  ColorSwatchProps,
+  ColorSwatchRounding,
+  ColorSwatchSize,
+} from "./color";

package/src/ColorSwatchPicker.ts

@@ -1 +1,15 @@
-export * from "@proyecto-viviana/solid-spectrum/ColorSwatchPicker";
+export { ColorSwatchPicker, ColorSwatchPickerContext } from "./color/ColorSwatchPicker";
+export type { ColorSwatchPickerProps } from "./color/ColorSwatchPicker";
+
+export { ColorSwatch } from "./color";
+export type {
+  Color,
+  ColorAxes,
+  ColorChannel,
+  ColorChannelRange,
+  ColorFormat,
+  ColorSpace,
+  ColorSwatchProps,
+} from "./color";
+
+export { getColorChannels, parseColor } from "@proyecto-viviana/solid-stately";