@puzzle-ui/pieces 0.0.0-stage → 0.5.1

package/dist/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Sjoerd van Den Berg
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/hero/accommodation-hero.cjs

@@ -0,0 +1,13 @@
+// src/components/hero/accommodation-hero.tsx
+const AccommodationHero = require("./create-hero-preset.cjs").createHeroPreset({
+	layout: "full-width",
+	mediaPosition: "background",
+	alignment: "center",
+	height: "viewport",
+	theme: "dark",
+	overlay: "gradient",
+	contentWidth: "wide"
+});
+exports.AccommodationHero = AccommodationHero;
+
+//# sourceMappingURL=accommodation-hero.cjs.map

package/dist/components/hero/accommodation-hero.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accommodation-hero.cjs","names":["createHeroPreset"],"sources":["../../../src/components/hero/accommodation-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst AccommodationHero = createHeroPreset<HeroProps>({\n  layout: \"full-width\",\n  mediaPosition: \"background\",\n  alignment: \"center\",\n  height: \"viewport\",\n  theme: \"dark\",\n  overlay: \"gradient\",\n  contentWidth: \"wide\",\n});\n\nexport { AccommodationHero };\n"],"mappings":";AAGA,MAAM,oB,kCAAoBA,CAAAA,CAAAA,iBAA4B;CACpD,QAAQ;CACR,eAAe;CACf,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/accommodation-hero.d.cts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.cjs";
+declare const AccommodationHero: (props: HeroProps) => import("react").JSX.Element;
+export { AccommodationHero };

package/dist/components/hero/accommodation-hero.d.ts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.js";
+declare const AccommodationHero: (props: HeroProps) => import("react").JSX.Element;
+export { AccommodationHero };

package/dist/components/hero/accommodation-hero.js

@@ -0,0 +1,14 @@
+import { createHeroPreset } from "./create-hero-preset.js";
+// src/components/hero/accommodation-hero.tsx
+const AccommodationHero = createHeroPreset({
+	layout: "full-width",
+	mediaPosition: "background",
+	alignment: "center",
+	height: "viewport",
+	theme: "dark",
+	overlay: "gradient",
+	contentWidth: "wide"
+});
+export { AccommodationHero };
+
+//# sourceMappingURL=accommodation-hero.js.map

package/dist/components/hero/accommodation-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accommodation-hero.js","names":[],"sources":["../../../src/components/hero/accommodation-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst AccommodationHero = createHeroPreset<HeroProps>({\n  layout: \"full-width\",\n  mediaPosition: \"background\",\n  alignment: \"center\",\n  height: \"viewport\",\n  theme: \"dark\",\n  overlay: \"gradient\",\n  contentWidth: \"wide\",\n});\n\nexport { AccommodationHero };\n"],"mappings":";;AAGA,MAAM,oBAAoB,iBAA4B;CACpD,QAAQ;CACR,eAAe;CACf,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/agency-hero.cjs

@@ -0,0 +1,13 @@
+// src/components/hero/agency-hero.tsx
+const AgencyHero = require("./create-hero-preset.cjs").createHeroPreset({
+	layout: "asymmetric",
+	mediaPosition: "right",
+	alignment: "start",
+	height: "large",
+	theme: "dark",
+	overlay: "none",
+	contentWidth: "normal"
+});
+exports.AgencyHero = AgencyHero;
+
+//# sourceMappingURL=agency-hero.cjs.map

package/dist/components/hero/agency-hero.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"agency-hero.cjs","names":["createHeroPreset"],"sources":["../../../src/components/hero/agency-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst AgencyHero = createHeroPreset<HeroProps>({\n  layout: \"asymmetric\",\n  mediaPosition: \"right\",\n  alignment: \"start\",\n  height: \"large\",\n  theme: \"dark\",\n  overlay: \"none\",\n  contentWidth: \"normal\",\n});\n\nexport { AgencyHero };\n"],"mappings":";AAGA,MAAM,a,kCAAaA,CAAAA,CAAAA,iBAA4B;CAC7C,QAAQ;CACR,eAAe;CACf,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/agency-hero.d.cts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.cjs";
+declare const AgencyHero: (props: HeroProps) => import("react").JSX.Element;
+export { AgencyHero };

package/dist/components/hero/agency-hero.d.ts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.js";
+declare const AgencyHero: (props: HeroProps) => import("react").JSX.Element;
+export { AgencyHero };

package/dist/components/hero/agency-hero.js

@@ -0,0 +1,14 @@
+import { createHeroPreset } from "./create-hero-preset.js";
+// src/components/hero/agency-hero.tsx
+const AgencyHero = createHeroPreset({
+	layout: "asymmetric",
+	mediaPosition: "right",
+	alignment: "start",
+	height: "large",
+	theme: "dark",
+	overlay: "none",
+	contentWidth: "normal"
+});
+export { AgencyHero };
+
+//# sourceMappingURL=agency-hero.js.map

package/dist/components/hero/agency-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agency-hero.js","names":[],"sources":["../../../src/components/hero/agency-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst AgencyHero = createHeroPreset<HeroProps>({\n  layout: \"asymmetric\",\n  mediaPosition: \"right\",\n  alignment: \"start\",\n  height: \"large\",\n  theme: \"dark\",\n  overlay: \"none\",\n  contentWidth: \"normal\",\n});\n\nexport { AgencyHero };\n"],"mappings":";;AAGA,MAAM,aAAa,iBAA4B;CAC7C,QAAQ;CACR,eAAe;CACf,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/app-hero.cjs

@@ -0,0 +1,13 @@
+// src/components/hero/app-hero.tsx
+const AppHero = require("./create-hero-preset.cjs").createHeroPreset({
+	layout: "split",
+	mediaPosition: "right",
+	alignment: "start",
+	height: "large",
+	theme: "light",
+	overlay: "none",
+	contentWidth: "normal"
+});
+exports.AppHero = AppHero;
+
+//# sourceMappingURL=app-hero.cjs.map

package/dist/components/hero/app-hero.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-hero.cjs","names":["createHeroPreset"],"sources":["../../../src/components/hero/app-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst AppHero = createHeroPreset<HeroProps>({\n  layout: \"split\",\n  mediaPosition: \"right\",\n  alignment: \"start\",\n  height: \"large\",\n  theme: \"light\",\n  overlay: \"none\",\n  contentWidth: \"normal\",\n});\n\nexport { AppHero };\n"],"mappings":";AAGA,MAAM,U,kCAAUA,CAAAA,CAAAA,iBAA4B;CAC1C,QAAQ;CACR,eAAe;CACf,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/app-hero.d.cts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.cjs";
+declare const AppHero: (props: HeroProps) => import("react").JSX.Element;
+export { AppHero };

package/dist/components/hero/app-hero.d.ts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.js";
+declare const AppHero: (props: HeroProps) => import("react").JSX.Element;
+export { AppHero };

package/dist/components/hero/app-hero.js

@@ -0,0 +1,14 @@
+import { createHeroPreset } from "./create-hero-preset.js";
+// src/components/hero/app-hero.tsx
+const AppHero = createHeroPreset({
+	layout: "split",
+	mediaPosition: "right",
+	alignment: "start",
+	height: "large",
+	theme: "light",
+	overlay: "none",
+	contentWidth: "normal"
+});
+export { AppHero };
+
+//# sourceMappingURL=app-hero.js.map

package/dist/components/hero/app-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-hero.js","names":[],"sources":["../../../src/components/hero/app-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst AppHero = createHeroPreset<HeroProps>({\n  layout: \"split\",\n  mediaPosition: \"right\",\n  alignment: \"start\",\n  height: \"large\",\n  theme: \"light\",\n  overlay: \"none\",\n  contentWidth: \"normal\",\n});\n\nexport { AppHero };\n"],"mappings":";;AAGA,MAAM,UAAU,iBAA4B;CAC1C,QAAQ;CACR,eAAe;CACf,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/campaign-hero.cjs

@@ -0,0 +1,13 @@
+// src/components/hero/campaign-hero.tsx
+const CampaignHero = require("./create-hero-preset.cjs").createHeroPreset({
+	layout: "full-width",
+	mediaPosition: "background",
+	alignment: "center",
+	height: "large",
+	theme: "contrast",
+	overlay: "gradient",
+	contentWidth: "wide"
+});
+exports.CampaignHero = CampaignHero;
+
+//# sourceMappingURL=campaign-hero.cjs.map

package/dist/components/hero/campaign-hero.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"campaign-hero.cjs","names":["createHeroPreset"],"sources":["../../../src/components/hero/campaign-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst CampaignHero = createHeroPreset<HeroProps>({\n  layout: \"full-width\",\n  mediaPosition: \"background\",\n  alignment: \"center\",\n  height: \"large\",\n  theme: \"contrast\",\n  overlay: \"gradient\",\n  contentWidth: \"wide\",\n});\n\nexport { CampaignHero };\n"],"mappings":";AAGA,MAAM,e,kCAAeA,CAAAA,CAAAA,iBAA4B;CAC/C,QAAQ;CACR,eAAe;CACf,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/campaign-hero.d.cts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.cjs";
+declare const CampaignHero: (props: HeroProps) => import("react").JSX.Element;
+export { CampaignHero };

package/dist/components/hero/campaign-hero.d.ts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.js";
+declare const CampaignHero: (props: HeroProps) => import("react").JSX.Element;
+export { CampaignHero };

package/dist/components/hero/campaign-hero.js

@@ -0,0 +1,14 @@
+import { createHeroPreset } from "./create-hero-preset.js";
+// src/components/hero/campaign-hero.tsx
+const CampaignHero = createHeroPreset({
+	layout: "full-width",
+	mediaPosition: "background",
+	alignment: "center",
+	height: "large",
+	theme: "contrast",
+	overlay: "gradient",
+	contentWidth: "wide"
+});
+export { CampaignHero };
+
+//# sourceMappingURL=campaign-hero.js.map

package/dist/components/hero/campaign-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"campaign-hero.js","names":[],"sources":["../../../src/components/hero/campaign-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst CampaignHero = createHeroPreset<HeroProps>({\n  layout: \"full-width\",\n  mediaPosition: \"background\",\n  alignment: \"center\",\n  height: \"large\",\n  theme: \"contrast\",\n  overlay: \"gradient\",\n  contentWidth: \"wide\",\n});\n\nexport { CampaignHero };\n"],"mappings":";;AAGA,MAAM,eAAe,iBAA4B;CAC/C,QAAQ;CACR,eAAe;CACf,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/centered-hero.cjs

@@ -0,0 +1,12 @@
+// src/components/hero/centered-hero.tsx
+const CenteredHero = require("./create-hero-preset.cjs").createHeroPreset({
+	layout: "centered",
+	alignment: "center",
+	height: "auto",
+	theme: "light",
+	overlay: "none",
+	contentWidth: "normal"
+});
+exports.CenteredHero = CenteredHero;
+
+//# sourceMappingURL=centered-hero.cjs.map

package/dist/components/hero/centered-hero.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"centered-hero.cjs","names":["createHeroPreset"],"sources":["../../../src/components/hero/centered-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst CenteredHero = createHeroPreset<HeroProps>({\n  layout: \"centered\",\n  alignment: \"center\",\n  height: \"auto\",\n  theme: \"light\",\n  overlay: \"none\",\n  contentWidth: \"normal\",\n});\n\nexport { CenteredHero };\n"],"mappings":";AAGA,MAAM,e,kCAAeA,CAAAA,CAAAA,iBAA4B;CAC/C,QAAQ;CACR,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/centered-hero.d.cts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.cjs";
+declare const CenteredHero: (props: HeroProps) => import("react").JSX.Element;
+export { CenteredHero };

package/dist/components/hero/centered-hero.d.ts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.js";
+declare const CenteredHero: (props: HeroProps) => import("react").JSX.Element;
+export { CenteredHero };

package/dist/components/hero/centered-hero.js

@@ -0,0 +1,13 @@
+import { createHeroPreset } from "./create-hero-preset.js";
+// src/components/hero/centered-hero.tsx
+const CenteredHero = createHeroPreset({
+	layout: "centered",
+	alignment: "center",
+	height: "auto",
+	theme: "light",
+	overlay: "none",
+	contentWidth: "normal"
+});
+export { CenteredHero };
+
+//# sourceMappingURL=centered-hero.js.map

package/dist/components/hero/centered-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"centered-hero.js","names":[],"sources":["../../../src/components/hero/centered-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst CenteredHero = createHeroPreset<HeroProps>({\n  layout: \"centered\",\n  alignment: \"center\",\n  height: \"auto\",\n  theme: \"light\",\n  overlay: \"none\",\n  contentWidth: \"normal\",\n});\n\nexport { CenteredHero };\n"],"mappings":";;AAGA,MAAM,eAAe,iBAA4B;CAC/C,QAAQ;CACR,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/coming-soon-hero.cjs

@@ -0,0 +1,12 @@
+// src/components/hero/coming-soon-hero.tsx
+const ComingSoonHero = require("./create-hero-preset.cjs").createHeroPreset({
+	layout: "centered",
+	alignment: "center",
+	height: "viewport",
+	theme: "dark",
+	overlay: "none",
+	contentWidth: "narrow"
+});
+exports.ComingSoonHero = ComingSoonHero;
+
+//# sourceMappingURL=coming-soon-hero.cjs.map

package/dist/components/hero/coming-soon-hero.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"coming-soon-hero.cjs","names":["createHeroPreset"],"sources":["../../../src/components/hero/coming-soon-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst ComingSoonHero = createHeroPreset<HeroProps>({\n  layout: \"centered\",\n  alignment: \"center\",\n  height: \"viewport\",\n  theme: \"dark\",\n  overlay: \"none\",\n  contentWidth: \"narrow\",\n});\n\nexport { ComingSoonHero };\n"],"mappings":";AAGA,MAAM,iB,kCAAiBA,CAAAA,CAAAA,iBAA4B;CACjD,QAAQ;CACR,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/coming-soon-hero.d.cts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.cjs";
+declare const ComingSoonHero: (props: HeroProps) => import("react").JSX.Element;
+export { ComingSoonHero };

package/dist/components/hero/coming-soon-hero.d.ts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.js";
+declare const ComingSoonHero: (props: HeroProps) => import("react").JSX.Element;
+export { ComingSoonHero };

package/dist/components/hero/coming-soon-hero.js

@@ -0,0 +1,13 @@
+import { createHeroPreset } from "./create-hero-preset.js";
+// src/components/hero/coming-soon-hero.tsx
+const ComingSoonHero = createHeroPreset({
+	layout: "centered",
+	alignment: "center",
+	height: "viewport",
+	theme: "dark",
+	overlay: "none",
+	contentWidth: "narrow"
+});
+export { ComingSoonHero };
+
+//# sourceMappingURL=coming-soon-hero.js.map

package/dist/components/hero/coming-soon-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coming-soon-hero.js","names":[],"sources":["../../../src/components/hero/coming-soon-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst ComingSoonHero = createHeroPreset<HeroProps>({\n  layout: \"centered\",\n  alignment: \"center\",\n  height: \"viewport\",\n  theme: \"dark\",\n  overlay: \"none\",\n  contentWidth: \"narrow\",\n});\n\nexport { ComingSoonHero };\n"],"mappings":";;AAGA,MAAM,iBAAiB,iBAA4B;CACjD,QAAQ;CACR,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/create-hero-preset.cjs

@@ -0,0 +1,11 @@
+const require_hero = require("./hero.cjs");
+const require_hero_utils = require("./hero.utils.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/hero/create-hero-preset.tsx
+const createHeroPreset = (defaults) => {
+	const HeroPreset = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_hero.Hero, { ...require_hero_utils.mergeHeroPresetProps(defaults, props) });
+	return HeroPreset;
+};
+exports.createHeroPreset = createHeroPreset;
+
+//# sourceMappingURL=create-hero-preset.cjs.map

package/dist/components/hero/create-hero-preset.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-hero-preset.cjs","names":["Hero","mergeHeroPresetProps"],"sources":["../../../src/components/hero/create-hero-preset.tsx"],"sourcesContent":["import { Hero } from \"./hero\";\nimport { mergeHeroPresetProps } from \"./hero.utils\";\n\nimport type { HeroProps } from \"./hero.types\";\n\nexport const createHeroPreset = <T extends HeroProps>(\n  defaults: Partial<HeroProps>,\n) => {\n  const HeroPreset = (props: T) => (\n    <Hero {...mergeHeroPresetProps(defaults, props)} />\n  );\n\n  return HeroPreset;\n};\n"],"mappings":";;;;AAKA,MAAa,oBACX,aACG;CACH,MAAM,cAAc,UAClB,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,MAAD,EAAM,GAAIC,mBAAAA,qBAAqB,UAAU,KAAK,EAAI,CAAA;CAGpD,OAAO;AACT"}

package/dist/components/hero/create-hero-preset.js

@@ -0,0 +1,11 @@
+import { Hero } from "./hero.js";
+import { mergeHeroPresetProps } from "./hero.utils.js";
+import { jsx } from "react/jsx-runtime";
+// src/components/hero/create-hero-preset.tsx
+const createHeroPreset = (defaults) => {
+	const HeroPreset = (props) => /* @__PURE__ */ jsx(Hero, { ...mergeHeroPresetProps(defaults, props) });
+	return HeroPreset;
+};
+export { createHeroPreset };
+
+//# sourceMappingURL=create-hero-preset.js.map

package/dist/components/hero/create-hero-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-hero-preset.js","names":[],"sources":["../../../src/components/hero/create-hero-preset.tsx"],"sourcesContent":["import { Hero } from \"./hero\";\nimport { mergeHeroPresetProps } from \"./hero.utils\";\n\nimport type { HeroProps } from \"./hero.types\";\n\nexport const createHeroPreset = <T extends HeroProps>(\n  defaults: Partial<HeroProps>,\n) => {\n  const HeroPreset = (props: T) => (\n    <Hero {...mergeHeroPresetProps(defaults, props)} />\n  );\n\n  return HeroPreset;\n};\n"],"mappings":";;;;AAKA,MAAa,oBACX,aACG;CACH,MAAM,cAAc,UAClB,oBAAC,MAAD,EAAM,GAAI,qBAAqB,UAAU,KAAK,EAAI,CAAA;CAGpD,OAAO;AACT"}

package/dist/components/hero/dashboard-welcome-hero.cjs

@@ -0,0 +1,12 @@
+// src/components/hero/dashboard-welcome-hero.tsx
+const DashboardWelcomeHero = require("./create-hero-preset.cjs").createHeroPreset({
+	layout: "full-width",
+	alignment: "start",
+	height: "auto",
+	theme: "light",
+	overlay: "none",
+	contentWidth: "full"
+});
+exports.DashboardWelcomeHero = DashboardWelcomeHero;
+
+//# sourceMappingURL=dashboard-welcome-hero.cjs.map

package/dist/components/hero/dashboard-welcome-hero.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-welcome-hero.cjs","names":["createHeroPreset"],"sources":["../../../src/components/hero/dashboard-welcome-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst DashboardWelcomeHero = createHeroPreset<HeroProps>({\n  layout: \"full-width\",\n  alignment: \"start\",\n  height: \"auto\",\n  theme: \"light\",\n  overlay: \"none\",\n  contentWidth: \"full\",\n});\n\nexport { DashboardWelcomeHero };\n"],"mappings":";AAGA,MAAM,uB,kCAAuBA,CAAAA,CAAAA,iBAA4B;CACvD,QAAQ;CACR,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/dashboard-welcome-hero.d.cts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.cjs";
+declare const DashboardWelcomeHero: (props: HeroProps) => import("react").JSX.Element;
+export { DashboardWelcomeHero };

package/dist/components/hero/dashboard-welcome-hero.d.ts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.js";
+declare const DashboardWelcomeHero: (props: HeroProps) => import("react").JSX.Element;
+export { DashboardWelcomeHero };

package/dist/components/hero/dashboard-welcome-hero.js

@@ -0,0 +1,13 @@
+import { createHeroPreset } from "./create-hero-preset.js";
+// src/components/hero/dashboard-welcome-hero.tsx
+const DashboardWelcomeHero = createHeroPreset({
+	layout: "full-width",
+	alignment: "start",
+	height: "auto",
+	theme: "light",
+	overlay: "none",
+	contentWidth: "full"
+});
+export { DashboardWelcomeHero };
+
+//# sourceMappingURL=dashboard-welcome-hero.js.map

package/dist/components/hero/dashboard-welcome-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-welcome-hero.js","names":[],"sources":["../../../src/components/hero/dashboard-welcome-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst DashboardWelcomeHero = createHeroPreset<HeroProps>({\n  layout: \"full-width\",\n  alignment: \"start\",\n  height: \"auto\",\n  theme: \"light\",\n  overlay: \"none\",\n  contentWidth: \"full\",\n});\n\nexport { DashboardWelcomeHero };\n"],"mappings":";;AAGA,MAAM,uBAAuB,iBAA4B;CACvD,QAAQ;CACR,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/editorial-hero.cjs

@@ -0,0 +1,13 @@
+// src/components/hero/editorial-hero.tsx
+const EditorialHero = require("./create-hero-preset.cjs").createHeroPreset({
+	layout: "asymmetric",
+	mediaPosition: "right",
+	alignment: "start",
+	height: "large",
+	theme: "light",
+	overlay: "none",
+	contentWidth: "normal"
+});
+exports.EditorialHero = EditorialHero;
+
+//# sourceMappingURL=editorial-hero.cjs.map

package/dist/components/hero/editorial-hero.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorial-hero.cjs","names":["createHeroPreset"],"sources":["../../../src/components/hero/editorial-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst EditorialHero = createHeroPreset<HeroProps>({\n  layout: \"asymmetric\",\n  mediaPosition: \"right\",\n  alignment: \"start\",\n  height: \"large\",\n  theme: \"light\",\n  overlay: \"none\",\n  contentWidth: \"normal\",\n});\n\nexport { EditorialHero };\n"],"mappings":";AAGA,MAAM,gB,kCAAgBA,CAAAA,CAAAA,iBAA4B;CAChD,QAAQ;CACR,eAAe;CACf,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/editorial-hero.d.cts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.cjs";
+declare const EditorialHero: (props: HeroProps) => import("react").JSX.Element;
+export { EditorialHero };

package/dist/components/hero/editorial-hero.d.ts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.js";
+declare const EditorialHero: (props: HeroProps) => import("react").JSX.Element;
+export { EditorialHero };

package/dist/components/hero/editorial-hero.js

@@ -0,0 +1,14 @@
+import { createHeroPreset } from "./create-hero-preset.js";
+// src/components/hero/editorial-hero.tsx
+const EditorialHero = createHeroPreset({
+	layout: "asymmetric",
+	mediaPosition: "right",
+	alignment: "start",
+	height: "large",
+	theme: "light",
+	overlay: "none",
+	contentWidth: "normal"
+});
+export { EditorialHero };
+
+//# sourceMappingURL=editorial-hero.js.map

package/dist/components/hero/editorial-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorial-hero.js","names":[],"sources":["../../../src/components/hero/editorial-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst EditorialHero = createHeroPreset<HeroProps>({\n  layout: \"asymmetric\",\n  mediaPosition: \"right\",\n  alignment: \"start\",\n  height: \"large\",\n  theme: \"light\",\n  overlay: \"none\",\n  contentWidth: \"normal\",\n});\n\nexport { EditorialHero };\n"],"mappings":";;AAGA,MAAM,gBAAgB,iBAA4B;CAChD,QAAQ;CACR,eAAe;CACf,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/full-screen-hero.cjs

@@ -0,0 +1,13 @@
+// src/components/hero/full-screen-hero.tsx
+const FullScreenHero = require("./create-hero-preset.cjs").createHeroPreset({
+	layout: "full-width",
+	mediaPosition: "background",
+	alignment: "center",
+	height: "viewport",
+	theme: "dark",
+	overlay: "gradient",
+	contentWidth: "wide"
+});
+exports.FullScreenHero = FullScreenHero;
+
+//# sourceMappingURL=full-screen-hero.cjs.map

package/dist/components/hero/full-screen-hero.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-screen-hero.cjs","names":["createHeroPreset"],"sources":["../../../src/components/hero/full-screen-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst FullScreenHero = createHeroPreset<HeroProps>({\n  layout: \"full-width\",\n  mediaPosition: \"background\",\n  alignment: \"center\",\n  height: \"viewport\",\n  theme: \"dark\",\n  overlay: \"gradient\",\n  contentWidth: \"wide\",\n});\n\nexport { FullScreenHero };\n"],"mappings":";AAGA,MAAM,iB,kCAAiBA,CAAAA,CAAAA,iBAA4B;CACjD,QAAQ;CACR,eAAe;CACf,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/full-screen-hero.d.cts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.cjs";
+declare const FullScreenHero: (props: HeroProps) => import("react").JSX.Element;
+export { FullScreenHero };

package/dist/components/hero/full-screen-hero.d.ts

@@ -0,0 +1,3 @@
+import { HeroProps } from "./hero.types.js";
+declare const FullScreenHero: (props: HeroProps) => import("react").JSX.Element;
+export { FullScreenHero };

package/dist/components/hero/full-screen-hero.js

@@ -0,0 +1,14 @@
+import { createHeroPreset } from "./create-hero-preset.js";
+// src/components/hero/full-screen-hero.tsx
+const FullScreenHero = createHeroPreset({
+	layout: "full-width",
+	mediaPosition: "background",
+	alignment: "center",
+	height: "viewport",
+	theme: "dark",
+	overlay: "gradient",
+	contentWidth: "wide"
+});
+export { FullScreenHero };
+
+//# sourceMappingURL=full-screen-hero.js.map

package/dist/components/hero/full-screen-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-screen-hero.js","names":[],"sources":["../../../src/components/hero/full-screen-hero.tsx"],"sourcesContent":["import { createHeroPreset } from \"./create-hero-preset\";\nimport type { HeroProps } from \"./hero.types\";\n\nconst FullScreenHero = createHeroPreset<HeroProps>({\n  layout: \"full-width\",\n  mediaPosition: \"background\",\n  alignment: \"center\",\n  height: \"viewport\",\n  theme: \"dark\",\n  overlay: \"gradient\",\n  contentWidth: \"wide\",\n});\n\nexport { FullScreenHero };\n"],"mappings":";;AAGA,MAAM,iBAAiB,iBAA4B;CACjD,QAAQ;CACR,eAAe;CACf,WAAW;CACX,QAAQ;CACR,OAAO;CACP,SAAS;CACT,cAAc;AAChB,CAAC"}

package/dist/components/hero/hero-video.cjs

@@ -0,0 +1,45 @@
+"use client";
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/hero/hero-video.tsx
+const HeroVideo = ({ source, className }) => {
+	const videoRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		const video = videoRef.current;
+		if (!video) return;
+		const motionPreference = window.matchMedia("(prefers-reduced-motion: reduce)");
+		const synchronizePlayback = () => {
+			if (motionPreference.matches) {
+				video.pause();
+				return;
+			}
+			video.play()?.catch(() => {});
+		};
+		synchronizePlayback();
+		motionPreference.addEventListener("change", synchronizePlayback);
+		return () => {
+			motionPreference.removeEventListener("change", synchronizePlayback);
+			video.pause();
+		};
+	}, [source.src]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("video", {
+		ref: videoRef,
+		className,
+		muted: true,
+		loop: true,
+		playsInline: true,
+		preload: "metadata",
+		poster: source.poster,
+		controls: false,
+		disablePictureInPicture: true,
+		tabIndex: -1,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("source", {
+			src: source.src,
+			type: source.type
+		})
+	});
+};
+exports.HeroVideo = HeroVideo;
+
+//# sourceMappingURL=hero-video.cjs.map

package/dist/components/hero/hero-video.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero-video.cjs","names":["useRef"],"sources":["../../../src/components/hero/hero-video.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\n\nimport type { HeroVideoSource } from \"./hero.types\";\n\ntype HeroVideoProps = {\n  source: HeroVideoSource;\n  className?: string;\n};\n\nconst HeroVideo = ({ source, className }: HeroVideoProps) => {\n  const videoRef = useRef<HTMLVideoElement>(null);\n\n  useEffect(() => {\n    const video = videoRef.current;\n\n    if (!video) return;\n\n    const motionPreference = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\",\n    );\n\n    const synchronizePlayback = () => {\n      if (motionPreference.matches) {\n        video.pause();\n        return;\n      }\n\n      const playback = video.play();\n\n      playback?.catch(() => {\n        // Autoplay can be blocked by browser policies.\n      });\n    };\n\n    synchronizePlayback();\n\n    motionPreference.addEventListener(\"change\", synchronizePlayback);\n\n    return () => {\n      motionPreference.removeEventListener(\"change\", synchronizePlayback);\n      video.pause();\n    };\n  }, [source.src]);\n\n  return (\n    <video\n      ref={videoRef}\n      className={className}\n      muted\n      loop\n      playsInline\n      preload=\"metadata\"\n      poster={source.poster}\n      controls={false}\n      disablePictureInPicture\n      tabIndex={-1}\n      aria-hidden=\"true\"\n    >\n      <source src={source.src} type={source.type} />\n    </video>\n  );\n};\n\nexport { HeroVideo };\n"],"mappings":";;;;AAWA,MAAM,aAAa,EAAE,QAAQ,gBAAgC;CAC3D,MAAM,YAAA,GAAWA,MAAAA,OAAAA,CAAyB,IAAI;CAE9C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,QAAQ,SAAS;EAEvB,IAAI,CAAC,OAAO;EAEZ,MAAM,mBAAmB,OAAO,WAC9B,kCACF;EAEA,MAAM,4BAA4B;GAChC,IAAI,iBAAiB,SAAS;IAC5B,MAAM,MAAM;IACZ;GACF;GAIA,MAFuB,KAEhB,CAAC,EAAE,YAAY,CAEtB,CAAC;EACH;EAEA,oBAAoB;EAEpB,iBAAiB,iBAAiB,UAAU,mBAAmB;EAE/D,aAAa;GACX,iBAAiB,oBAAoB,UAAU,mBAAmB;GAClE,MAAM,MAAM;EACd;CACF,GAAG,CAAC,OAAO,GAAG,CAAC;CAEf,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,KAAK;EACM;EACX,OAAA;EACA,MAAA;EACA,aAAA;EACA,SAAQ;EACR,QAAQ,OAAO;EACf,UAAU;EACV,yBAAA;EACA,UAAU;EACV,eAAY;EAEZ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAAQ,KAAK,OAAO;GAAK,MAAM,OAAO;EAAO,CAAA;CACxC,CAAA;AAEX"}

package/dist/components/hero/hero-video.js

@@ -0,0 +1,45 @@
+"use client";
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+// src/components/hero/hero-video.tsx
+const HeroVideo = ({ source, className }) => {
+	const videoRef = useRef(null);
+	useEffect(() => {
+		const video = videoRef.current;
+		if (!video) return;
+		const motionPreference = window.matchMedia("(prefers-reduced-motion: reduce)");
+		const synchronizePlayback = () => {
+			if (motionPreference.matches) {
+				video.pause();
+				return;
+			}
+			video.play()?.catch(() => {});
+		};
+		synchronizePlayback();
+		motionPreference.addEventListener("change", synchronizePlayback);
+		return () => {
+			motionPreference.removeEventListener("change", synchronizePlayback);
+			video.pause();
+		};
+	}, [source.src]);
+	return /* @__PURE__ */ jsx("video", {
+		ref: videoRef,
+		className,
+		muted: true,
+		loop: true,
+		playsInline: true,
+		preload: "metadata",
+		poster: source.poster,
+		controls: false,
+		disablePictureInPicture: true,
+		tabIndex: -1,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("source", {
+			src: source.src,
+			type: source.type
+		})
+	});
+};
+export { HeroVideo };
+
+//# sourceMappingURL=hero-video.js.map

package/dist/components/hero/hero-video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero-video.js","names":[],"sources":["../../../src/components/hero/hero-video.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\n\nimport type { HeroVideoSource } from \"./hero.types\";\n\ntype HeroVideoProps = {\n  source: HeroVideoSource;\n  className?: string;\n};\n\nconst HeroVideo = ({ source, className }: HeroVideoProps) => {\n  const videoRef = useRef<HTMLVideoElement>(null);\n\n  useEffect(() => {\n    const video = videoRef.current;\n\n    if (!video) return;\n\n    const motionPreference = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\",\n    );\n\n    const synchronizePlayback = () => {\n      if (motionPreference.matches) {\n        video.pause();\n        return;\n      }\n\n      const playback = video.play();\n\n      playback?.catch(() => {\n        // Autoplay can be blocked by browser policies.\n      });\n    };\n\n    synchronizePlayback();\n\n    motionPreference.addEventListener(\"change\", synchronizePlayback);\n\n    return () => {\n      motionPreference.removeEventListener(\"change\", synchronizePlayback);\n      video.pause();\n    };\n  }, [source.src]);\n\n  return (\n    <video\n      ref={videoRef}\n      className={className}\n      muted\n      loop\n      playsInline\n      preload=\"metadata\"\n      poster={source.poster}\n      controls={false}\n      disablePictureInPicture\n      tabIndex={-1}\n      aria-hidden=\"true\"\n    >\n      <source src={source.src} type={source.type} />\n    </video>\n  );\n};\n\nexport { HeroVideo };\n"],"mappings":";;;;AAWA,MAAM,aAAa,EAAE,QAAQ,gBAAgC;CAC3D,MAAM,WAAW,OAAyB,IAAI;CAE9C,gBAAgB;EACd,MAAM,QAAQ,SAAS;EAEvB,IAAI,CAAC,OAAO;EAEZ,MAAM,mBAAmB,OAAO,WAC9B,kCACF;EAEA,MAAM,4BAA4B;GAChC,IAAI,iBAAiB,SAAS;IAC5B,MAAM,MAAM;IACZ;GACF;GAIA,MAFuB,KAEhB,CAAC,EAAE,YAAY,CAEtB,CAAC;EACH;EAEA,oBAAoB;EAEpB,iBAAiB,iBAAiB,UAAU,mBAAmB;EAE/D,aAAa;GACX,iBAAiB,oBAAoB,UAAU,mBAAmB;GAClE,MAAM,MAAM;EACd;CACF,GAAG,CAAC,OAAO,GAAG,CAAC;CAEf,OACE,oBAAC,SAAD;EACE,KAAK;EACM;EACX,OAAA;EACA,MAAA;EACA,aAAA;EACA,SAAQ;EACR,QAAQ,OAAO;EACf,UAAU;EACV,yBAAA;EACA,UAAU;EACV,eAAY;EAEZ,UAAA,oBAAC,UAAD;GAAQ,KAAK,OAAO;GAAK,MAAM,OAAO;EAAO,CAAA;CACxC,CAAA;AAEX"}