@telia/teddy 0.0.2 → 0.0.4

package/dist/components/grid/grid.js

@@ -0,0 +1,393 @@
+import '../../assets/grid.css';
+import { jsx as C } from "react/jsx-runtime";
+import V from "react";
+import { c as $ } from "../../clsx-DB4S2d7J.js";
+import { $ as h } from "../../index-DpfSJps6.js";
+import { extractResponsiveClassName as g } from "../../utils/layout.js";
+const d = {
+  "teddy-grid": "_teddy-grid_ow8ev_1",
+  "teddy-grid--inline-grid": "_teddy-grid--inline-grid_ow8ev_18",
+  "teddy-grid--none": "_teddy-grid--none_ow8ev_21",
+  "teddy-grid--grid": "_teddy-grid--grid_ow8ev_24",
+  "teddy-grid--gap-0": "_teddy-grid--gap-0_ow8ev_27",
+  "teddy-grid--gap-10": "_teddy-grid--gap-10_ow8ev_30",
+  "teddy-grid--gap-25": "_teddy-grid--gap-25_ow8ev_33",
+  "teddy-grid--gap-50": "_teddy-grid--gap-50_ow8ev_36",
+  "teddy-grid--gap-100": "_teddy-grid--gap-100_ow8ev_39",
+  "teddy-grid--gap-150": "_teddy-grid--gap-150_ow8ev_42",
+  "teddy-grid--gap-200": "_teddy-grid--gap-200_ow8ev_45",
+  "teddy-grid--gap-250": "_teddy-grid--gap-250_ow8ev_48",
+  "teddy-grid--gap-300": "_teddy-grid--gap-300_ow8ev_51",
+  "teddy-grid--gap-400": "_teddy-grid--gap-400_ow8ev_54",
+  "teddy-grid--gap-600": "_teddy-grid--gap-600_ow8ev_57",
+  "teddy-grid--gap-800": "_teddy-grid--gap-800_ow8ev_60",
+  "teddy-grid--gap-1000": "_teddy-grid--gap-1000_ow8ev_63",
+  "teddy-grid--gap-1200": "_teddy-grid--gap-1200_ow8ev_66",
+  "teddy-grid--gap-1600": "_teddy-grid--gap-1600_ow8ev_69",
+  "teddy-grid--flow-row": "_teddy-grid--flow-row_ow8ev_72",
+  "teddy-grid--flow-column": "_teddy-grid--flow-column_ow8ev_75",
+  "teddy-grid--flow-dense": "_teddy-grid--flow-dense_ow8ev_78",
+  "teddy-grid--flow-row-dense": "_teddy-grid--flow-row-dense_ow8ev_81",
+  "teddy-grid--flow-column-dense": "_teddy-grid--flow-column-dense_ow8ev_84",
+  "teddy-grid--align-start": "_teddy-grid--align-start_ow8ev_87",
+  "teddy-grid--align-center": "_teddy-grid--align-center_ow8ev_90",
+  "teddy-grid--align-end": "_teddy-grid--align-end_ow8ev_93",
+  "teddy-grid--align-baseline": "_teddy-grid--align-baseline_ow8ev_96",
+  "teddy-grid--align-stretch": "_teddy-grid--align-stretch_ow8ev_99",
+  "teddy-grid--justify-start": "_teddy-grid--justify-start_ow8ev_102",
+  "teddy-grid--justify-center": "_teddy-grid--justify-center_ow8ev_105",
+  "teddy-grid--justify-end": "_teddy-grid--justify-end_ow8ev_108",
+  "teddy-grid--justify-between": "_teddy-grid--justify-between_ow8ev_111",
+  "teddy-grid--columns-none": "_teddy-grid--columns-none_ow8ev_114",
+  "teddy-grid--columns-1": "_teddy-grid--columns-1_ow8ev_117",
+  "teddy-grid--columns-2": "_teddy-grid--columns-2_ow8ev_120",
+  "teddy-grid--columns-3": "_teddy-grid--columns-3_ow8ev_123",
+  "teddy-grid--columns-4": "_teddy-grid--columns-4_ow8ev_126",
+  "teddy-grid--columns-5": "_teddy-grid--columns-5_ow8ev_129",
+  "teddy-grid--columns-6": "_teddy-grid--columns-6_ow8ev_132",
+  "teddy-grid--columns-7": "_teddy-grid--columns-7_ow8ev_135",
+  "teddy-grid--columns-8": "_teddy-grid--columns-8_ow8ev_138",
+  "teddy-grid--columns-9": "_teddy-grid--columns-9_ow8ev_141",
+  "teddy-grid--columns-10": "_teddy-grid--columns-10_ow8ev_144",
+  "teddy-grid--columns-11": "_teddy-grid--columns-11_ow8ev_147",
+  "teddy-grid--columns-12": "_teddy-grid--columns-12_ow8ev_150",
+  "teddy-grid--rows-none": "_teddy-grid--rows-none_ow8ev_153",
+  "teddy-grid--rows-1": "_teddy-grid--rows-1_ow8ev_156",
+  "teddy-grid--rows-2": "_teddy-grid--rows-2_ow8ev_159",
+  "teddy-grid--rows-3": "_teddy-grid--rows-3_ow8ev_162",
+  "teddy-grid--rows-4": "_teddy-grid--rows-4_ow8ev_165",
+  "teddy-grid--rows-5": "_teddy-grid--rows-5_ow8ev_168",
+  "teddy-grid--rows-6": "_teddy-grid--rows-6_ow8ev_171",
+  "teddy-grid--rows-7": "_teddy-grid--rows-7_ow8ev_174",
+  "teddy-grid--rows-8": "_teddy-grid--rows-8_ow8ev_177",
+  "teddy-grid--rows-9": "_teddy-grid--rows-9_ow8ev_180",
+  "teddy-grid--rows-10": "_teddy-grid--rows-10_ow8ev_183",
+  "teddy-grid--rows-11": "_teddy-grid--rows-11_ow8ev_186",
+  "teddy-grid--rows-12": "_teddy-grid--rows-12_ow8ev_189",
+  "sm:teddy-grid--inline-grid": "_sm:teddy-grid--inline-grid_ow8ev_194",
+  "sm:teddy-grid--none": "_sm:teddy-grid--none_ow8ev_197",
+  "sm:teddy-grid--grid": "_sm:teddy-grid--grid_ow8ev_200",
+  "sm:teddy-grid--gap-0": "_sm:teddy-grid--gap-0_ow8ev_203",
+  "sm:teddy-grid--gap-10": "_sm:teddy-grid--gap-10_ow8ev_206",
+  "sm:teddy-grid--gap-25": "_sm:teddy-grid--gap-25_ow8ev_209",
+  "sm:teddy-grid--gap-50": "_sm:teddy-grid--gap-50_ow8ev_212",
+  "sm:teddy-grid--gap-100": "_sm:teddy-grid--gap-100_ow8ev_215",
+  "sm:teddy-grid--gap-150": "_sm:teddy-grid--gap-150_ow8ev_218",
+  "sm:teddy-grid--gap-200": "_sm:teddy-grid--gap-200_ow8ev_221",
+  "sm:teddy-grid--gap-250": "_sm:teddy-grid--gap-250_ow8ev_224",
+  "sm:teddy-grid--gap-300": "_sm:teddy-grid--gap-300_ow8ev_227",
+  "sm:teddy-grid--gap-400": "_sm:teddy-grid--gap-400_ow8ev_230",
+  "sm:teddy-grid--gap-600": "_sm:teddy-grid--gap-600_ow8ev_233",
+  "sm:teddy-grid--gap-800": "_sm:teddy-grid--gap-800_ow8ev_236",
+  "sm:teddy-grid--gap-1000": "_sm:teddy-grid--gap-1000_ow8ev_239",
+  "sm:teddy-grid--gap-1200": "_sm:teddy-grid--gap-1200_ow8ev_242",
+  "sm:teddy-grid--gap-1600": "_sm:teddy-grid--gap-1600_ow8ev_245",
+  "sm:teddy-grid--flow-row": "_sm:teddy-grid--flow-row_ow8ev_248",
+  "sm:teddy-grid--flow-column": "_sm:teddy-grid--flow-column_ow8ev_251",
+  "sm:teddy-grid--flow-dense": "_sm:teddy-grid--flow-dense_ow8ev_254",
+  "sm:teddy-grid--flow-row-dense": "_sm:teddy-grid--flow-row-dense_ow8ev_257",
+  "sm:teddy-grid--flow-column-dense": "_sm:teddy-grid--flow-column-dense_ow8ev_260",
+  "sm:teddy-grid--align-start": "_sm:teddy-grid--align-start_ow8ev_263",
+  "sm:teddy-grid--align-center": "_sm:teddy-grid--align-center_ow8ev_266",
+  "sm:teddy-grid--align-end": "_sm:teddy-grid--align-end_ow8ev_269",
+  "sm:teddy-grid--align-baseline": "_sm:teddy-grid--align-baseline_ow8ev_272",
+  "sm:teddy-grid--align-stretch": "_sm:teddy-grid--align-stretch_ow8ev_275",
+  "sm:teddy-grid--justify-start": "_sm:teddy-grid--justify-start_ow8ev_278",
+  "sm:teddy-grid--justify-center": "_sm:teddy-grid--justify-center_ow8ev_281",
+  "sm:teddy-grid--justify-end": "_sm:teddy-grid--justify-end_ow8ev_284",
+  "sm:teddy-grid--justify-between": "_sm:teddy-grid--justify-between_ow8ev_287",
+  "sm:teddy-grid--columns-none": "_sm:teddy-grid--columns-none_ow8ev_290",
+  "sm:teddy-grid--columns-1": "_sm:teddy-grid--columns-1_ow8ev_293",
+  "sm:teddy-grid--columns-2": "_sm:teddy-grid--columns-2_ow8ev_296",
+  "sm:teddy-grid--columns-3": "_sm:teddy-grid--columns-3_ow8ev_299",
+  "sm:teddy-grid--columns-4": "_sm:teddy-grid--columns-4_ow8ev_302",
+  "sm:teddy-grid--columns-5": "_sm:teddy-grid--columns-5_ow8ev_305",
+  "sm:teddy-grid--columns-6": "_sm:teddy-grid--columns-6_ow8ev_308",
+  "sm:teddy-grid--columns-7": "_sm:teddy-grid--columns-7_ow8ev_311",
+  "sm:teddy-grid--columns-8": "_sm:teddy-grid--columns-8_ow8ev_314",
+  "sm:teddy-grid--columns-9": "_sm:teddy-grid--columns-9_ow8ev_317",
+  "sm:teddy-grid--columns-10": "_sm:teddy-grid--columns-10_ow8ev_320",
+  "sm:teddy-grid--columns-11": "_sm:teddy-grid--columns-11_ow8ev_323",
+  "sm:teddy-grid--columns-12": "_sm:teddy-grid--columns-12_ow8ev_326",
+  "sm:teddy-grid--rows-none": "_sm:teddy-grid--rows-none_ow8ev_329",
+  "sm:teddy-grid--rows-1": "_sm:teddy-grid--rows-1_ow8ev_332",
+  "sm:teddy-grid--rows-2": "_sm:teddy-grid--rows-2_ow8ev_335",
+  "sm:teddy-grid--rows-3": "_sm:teddy-grid--rows-3_ow8ev_338",
+  "sm:teddy-grid--rows-4": "_sm:teddy-grid--rows-4_ow8ev_341",
+  "sm:teddy-grid--rows-5": "_sm:teddy-grid--rows-5_ow8ev_344",
+  "sm:teddy-grid--rows-6": "_sm:teddy-grid--rows-6_ow8ev_347",
+  "sm:teddy-grid--rows-7": "_sm:teddy-grid--rows-7_ow8ev_350",
+  "sm:teddy-grid--rows-8": "_sm:teddy-grid--rows-8_ow8ev_353",
+  "sm:teddy-grid--rows-9": "_sm:teddy-grid--rows-9_ow8ev_356",
+  "sm:teddy-grid--rows-10": "_sm:teddy-grid--rows-10_ow8ev_359",
+  "sm:teddy-grid--rows-11": "_sm:teddy-grid--rows-11_ow8ev_362",
+  "sm:teddy-grid--rows-12": "_sm:teddy-grid--rows-12_ow8ev_365",
+  "md:teddy-grid--inline-grid": "_md:teddy-grid--inline-grid_ow8ev_371",
+  "md:teddy-grid--none": "_md:teddy-grid--none_ow8ev_374",
+  "md:teddy-grid--grid": "_md:teddy-grid--grid_ow8ev_377",
+  "md:teddy-grid--gap-0": "_md:teddy-grid--gap-0_ow8ev_380",
+  "md:teddy-grid--gap-10": "_md:teddy-grid--gap-10_ow8ev_383",
+  "md:teddy-grid--gap-25": "_md:teddy-grid--gap-25_ow8ev_386",
+  "md:teddy-grid--gap-50": "_md:teddy-grid--gap-50_ow8ev_389",
+  "md:teddy-grid--gap-100": "_md:teddy-grid--gap-100_ow8ev_392",
+  "md:teddy-grid--gap-150": "_md:teddy-grid--gap-150_ow8ev_395",
+  "md:teddy-grid--gap-200": "_md:teddy-grid--gap-200_ow8ev_398",
+  "md:teddy-grid--gap-250": "_md:teddy-grid--gap-250_ow8ev_401",
+  "md:teddy-grid--gap-300": "_md:teddy-grid--gap-300_ow8ev_404",
+  "md:teddy-grid--gap-400": "_md:teddy-grid--gap-400_ow8ev_407",
+  "md:teddy-grid--gap-600": "_md:teddy-grid--gap-600_ow8ev_410",
+  "md:teddy-grid--gap-800": "_md:teddy-grid--gap-800_ow8ev_413",
+  "md:teddy-grid--gap-1000": "_md:teddy-grid--gap-1000_ow8ev_416",
+  "md:teddy-grid--gap-1200": "_md:teddy-grid--gap-1200_ow8ev_419",
+  "md:teddy-grid--gap-1600": "_md:teddy-grid--gap-1600_ow8ev_422",
+  "md:teddy-grid--flow-row": "_md:teddy-grid--flow-row_ow8ev_425",
+  "md:teddy-grid--flow-column": "_md:teddy-grid--flow-column_ow8ev_428",
+  "md:teddy-grid--flow-dense": "_md:teddy-grid--flow-dense_ow8ev_431",
+  "md:teddy-grid--flow-row-dense": "_md:teddy-grid--flow-row-dense_ow8ev_434",
+  "md:teddy-grid--flow-column-dense": "_md:teddy-grid--flow-column-dense_ow8ev_437",
+  "md:teddy-grid--align-start": "_md:teddy-grid--align-start_ow8ev_440",
+  "md:teddy-grid--align-center": "_md:teddy-grid--align-center_ow8ev_443",
+  "md:teddy-grid--align-end": "_md:teddy-grid--align-end_ow8ev_446",
+  "md:teddy-grid--align-baseline": "_md:teddy-grid--align-baseline_ow8ev_449",
+  "md:teddy-grid--align-stretch": "_md:teddy-grid--align-stretch_ow8ev_452",
+  "md:teddy-grid--justify-start": "_md:teddy-grid--justify-start_ow8ev_455",
+  "md:teddy-grid--justify-center": "_md:teddy-grid--justify-center_ow8ev_458",
+  "md:teddy-grid--justify-end": "_md:teddy-grid--justify-end_ow8ev_461",
+  "md:teddy-grid--justify-between": "_md:teddy-grid--justify-between_ow8ev_464",
+  "md:teddy-grid--columns-none": "_md:teddy-grid--columns-none_ow8ev_467",
+  "md:teddy-grid--columns-1": "_md:teddy-grid--columns-1_ow8ev_470",
+  "md:teddy-grid--columns-2": "_md:teddy-grid--columns-2_ow8ev_473",
+  "md:teddy-grid--columns-3": "_md:teddy-grid--columns-3_ow8ev_476",
+  "md:teddy-grid--columns-4": "_md:teddy-grid--columns-4_ow8ev_479",
+  "md:teddy-grid--columns-5": "_md:teddy-grid--columns-5_ow8ev_482",
+  "md:teddy-grid--columns-6": "_md:teddy-grid--columns-6_ow8ev_485",
+  "md:teddy-grid--columns-7": "_md:teddy-grid--columns-7_ow8ev_488",
+  "md:teddy-grid--columns-8": "_md:teddy-grid--columns-8_ow8ev_491",
+  "md:teddy-grid--columns-9": "_md:teddy-grid--columns-9_ow8ev_494",
+  "md:teddy-grid--columns-10": "_md:teddy-grid--columns-10_ow8ev_497",
+  "md:teddy-grid--columns-11": "_md:teddy-grid--columns-11_ow8ev_500",
+  "md:teddy-grid--columns-12": "_md:teddy-grid--columns-12_ow8ev_503",
+  "md:teddy-grid--rows-none": "_md:teddy-grid--rows-none_ow8ev_506",
+  "md:teddy-grid--rows-1": "_md:teddy-grid--rows-1_ow8ev_509",
+  "md:teddy-grid--rows-2": "_md:teddy-grid--rows-2_ow8ev_512",
+  "md:teddy-grid--rows-3": "_md:teddy-grid--rows-3_ow8ev_515",
+  "md:teddy-grid--rows-4": "_md:teddy-grid--rows-4_ow8ev_518",
+  "md:teddy-grid--rows-5": "_md:teddy-grid--rows-5_ow8ev_521",
+  "md:teddy-grid--rows-6": "_md:teddy-grid--rows-6_ow8ev_524",
+  "md:teddy-grid--rows-7": "_md:teddy-grid--rows-7_ow8ev_527",
+  "md:teddy-grid--rows-8": "_md:teddy-grid--rows-8_ow8ev_530",
+  "md:teddy-grid--rows-9": "_md:teddy-grid--rows-9_ow8ev_533",
+  "md:teddy-grid--rows-10": "_md:teddy-grid--rows-10_ow8ev_536",
+  "md:teddy-grid--rows-11": "_md:teddy-grid--rows-11_ow8ev_539",
+  "md:teddy-grid--rows-12": "_md:teddy-grid--rows-12_ow8ev_542",
+  "lg:teddy-grid--inline-grid": "_lg:teddy-grid--inline-grid_ow8ev_548",
+  "lg:teddy-grid--none": "_lg:teddy-grid--none_ow8ev_551",
+  "lg:teddy-grid--grid": "_lg:teddy-grid--grid_ow8ev_554",
+  "lg:teddy-grid--gap-0": "_lg:teddy-grid--gap-0_ow8ev_557",
+  "lg:teddy-grid--gap-10": "_lg:teddy-grid--gap-10_ow8ev_560",
+  "lg:teddy-grid--gap-25": "_lg:teddy-grid--gap-25_ow8ev_563",
+  "lg:teddy-grid--gap-50": "_lg:teddy-grid--gap-50_ow8ev_566",
+  "lg:teddy-grid--gap-100": "_lg:teddy-grid--gap-100_ow8ev_569",
+  "lg:teddy-grid--gap-150": "_lg:teddy-grid--gap-150_ow8ev_572",
+  "lg:teddy-grid--gap-200": "_lg:teddy-grid--gap-200_ow8ev_575",
+  "lg:teddy-grid--gap-250": "_lg:teddy-grid--gap-250_ow8ev_578",
+  "lg:teddy-grid--gap-300": "_lg:teddy-grid--gap-300_ow8ev_581",
+  "lg:teddy-grid--gap-400": "_lg:teddy-grid--gap-400_ow8ev_584",
+  "lg:teddy-grid--gap-600": "_lg:teddy-grid--gap-600_ow8ev_587",
+  "lg:teddy-grid--gap-800": "_lg:teddy-grid--gap-800_ow8ev_590",
+  "lg:teddy-grid--gap-1000": "_lg:teddy-grid--gap-1000_ow8ev_593",
+  "lg:teddy-grid--gap-1200": "_lg:teddy-grid--gap-1200_ow8ev_596",
+  "lg:teddy-grid--gap-1600": "_lg:teddy-grid--gap-1600_ow8ev_599",
+  "lg:teddy-grid--flow-row": "_lg:teddy-grid--flow-row_ow8ev_602",
+  "lg:teddy-grid--flow-column": "_lg:teddy-grid--flow-column_ow8ev_605",
+  "lg:teddy-grid--flow-dense": "_lg:teddy-grid--flow-dense_ow8ev_608",
+  "lg:teddy-grid--flow-row-dense": "_lg:teddy-grid--flow-row-dense_ow8ev_611",
+  "lg:teddy-grid--flow-column-dense": "_lg:teddy-grid--flow-column-dense_ow8ev_614",
+  "lg:teddy-grid--align-start": "_lg:teddy-grid--align-start_ow8ev_617",
+  "lg:teddy-grid--align-center": "_lg:teddy-grid--align-center_ow8ev_620",
+  "lg:teddy-grid--align-end": "_lg:teddy-grid--align-end_ow8ev_623",
+  "lg:teddy-grid--align-baseline": "_lg:teddy-grid--align-baseline_ow8ev_626",
+  "lg:teddy-grid--align-stretch": "_lg:teddy-grid--align-stretch_ow8ev_629",
+  "lg:teddy-grid--justify-start": "_lg:teddy-grid--justify-start_ow8ev_632",
+  "lg:teddy-grid--justify-center": "_lg:teddy-grid--justify-center_ow8ev_635",
+  "lg:teddy-grid--justify-end": "_lg:teddy-grid--justify-end_ow8ev_638",
+  "lg:teddy-grid--justify-between": "_lg:teddy-grid--justify-between_ow8ev_641",
+  "lg:teddy-grid--columns-none": "_lg:teddy-grid--columns-none_ow8ev_644",
+  "lg:teddy-grid--columns-1": "_lg:teddy-grid--columns-1_ow8ev_647",
+  "lg:teddy-grid--columns-2": "_lg:teddy-grid--columns-2_ow8ev_650",
+  "lg:teddy-grid--columns-3": "_lg:teddy-grid--columns-3_ow8ev_653",
+  "lg:teddy-grid--columns-4": "_lg:teddy-grid--columns-4_ow8ev_656",
+  "lg:teddy-grid--columns-5": "_lg:teddy-grid--columns-5_ow8ev_659",
+  "lg:teddy-grid--columns-6": "_lg:teddy-grid--columns-6_ow8ev_662",
+  "lg:teddy-grid--columns-7": "_lg:teddy-grid--columns-7_ow8ev_665",
+  "lg:teddy-grid--columns-8": "_lg:teddy-grid--columns-8_ow8ev_668",
+  "lg:teddy-grid--columns-9": "_lg:teddy-grid--columns-9_ow8ev_671",
+  "lg:teddy-grid--columns-10": "_lg:teddy-grid--columns-10_ow8ev_674",
+  "lg:teddy-grid--columns-11": "_lg:teddy-grid--columns-11_ow8ev_677",
+  "lg:teddy-grid--columns-12": "_lg:teddy-grid--columns-12_ow8ev_680",
+  "lg:teddy-grid--rows-none": "_lg:teddy-grid--rows-none_ow8ev_683",
+  "lg:teddy-grid--rows-1": "_lg:teddy-grid--rows-1_ow8ev_686",
+  "lg:teddy-grid--rows-2": "_lg:teddy-grid--rows-2_ow8ev_689",
+  "lg:teddy-grid--rows-3": "_lg:teddy-grid--rows-3_ow8ev_692",
+  "lg:teddy-grid--rows-4": "_lg:teddy-grid--rows-4_ow8ev_695",
+  "lg:teddy-grid--rows-5": "_lg:teddy-grid--rows-5_ow8ev_698",
+  "lg:teddy-grid--rows-6": "_lg:teddy-grid--rows-6_ow8ev_701",
+  "lg:teddy-grid--rows-7": "_lg:teddy-grid--rows-7_ow8ev_704",
+  "lg:teddy-grid--rows-8": "_lg:teddy-grid--rows-8_ow8ev_707",
+  "lg:teddy-grid--rows-9": "_lg:teddy-grid--rows-9_ow8ev_710",
+  "lg:teddy-grid--rows-10": "_lg:teddy-grid--rows-10_ow8ev_713",
+  "lg:teddy-grid--rows-11": "_lg:teddy-grid--rows-11_ow8ev_716",
+  "lg:teddy-grid--rows-12": "_lg:teddy-grid--rows-12_ow8ev_719",
+  "xl:teddy-grid--inline-grid": "_xl:teddy-grid--inline-grid_ow8ev_725",
+  "xl:teddy-grid--none": "_xl:teddy-grid--none_ow8ev_728",
+  "xl:teddy-grid--grid": "_xl:teddy-grid--grid_ow8ev_731",
+  "xl:teddy-grid--gap-0": "_xl:teddy-grid--gap-0_ow8ev_734",
+  "xl:teddy-grid--gap-10": "_xl:teddy-grid--gap-10_ow8ev_737",
+  "xl:teddy-grid--gap-25": "_xl:teddy-grid--gap-25_ow8ev_740",
+  "xl:teddy-grid--gap-50": "_xl:teddy-grid--gap-50_ow8ev_743",
+  "xl:teddy-grid--gap-100": "_xl:teddy-grid--gap-100_ow8ev_746",
+  "xl:teddy-grid--gap-150": "_xl:teddy-grid--gap-150_ow8ev_749",
+  "xl:teddy-grid--gap-200": "_xl:teddy-grid--gap-200_ow8ev_752",
+  "xl:teddy-grid--gap-250": "_xl:teddy-grid--gap-250_ow8ev_755",
+  "xl:teddy-grid--gap-300": "_xl:teddy-grid--gap-300_ow8ev_758",
+  "xl:teddy-grid--gap-400": "_xl:teddy-grid--gap-400_ow8ev_761",
+  "xl:teddy-grid--gap-600": "_xl:teddy-grid--gap-600_ow8ev_764",
+  "xl:teddy-grid--gap-800": "_xl:teddy-grid--gap-800_ow8ev_767",
+  "xl:teddy-grid--gap-1000": "_xl:teddy-grid--gap-1000_ow8ev_770",
+  "xl:teddy-grid--gap-1200": "_xl:teddy-grid--gap-1200_ow8ev_773",
+  "xl:teddy-grid--gap-1600": "_xl:teddy-grid--gap-1600_ow8ev_776",
+  "xl:teddy-grid--flow-row": "_xl:teddy-grid--flow-row_ow8ev_779",
+  "xl:teddy-grid--flow-column": "_xl:teddy-grid--flow-column_ow8ev_782",
+  "xl:teddy-grid--flow-dense": "_xl:teddy-grid--flow-dense_ow8ev_785",
+  "xl:teddy-grid--flow-row-dense": "_xl:teddy-grid--flow-row-dense_ow8ev_788",
+  "xl:teddy-grid--flow-column-dense": "_xl:teddy-grid--flow-column-dense_ow8ev_791",
+  "xl:teddy-grid--align-start": "_xl:teddy-grid--align-start_ow8ev_794",
+  "xl:teddy-grid--align-center": "_xl:teddy-grid--align-center_ow8ev_797",
+  "xl:teddy-grid--align-end": "_xl:teddy-grid--align-end_ow8ev_800",
+  "xl:teddy-grid--align-baseline": "_xl:teddy-grid--align-baseline_ow8ev_803",
+  "xl:teddy-grid--align-stretch": "_xl:teddy-grid--align-stretch_ow8ev_806",
+  "xl:teddy-grid--justify-start": "_xl:teddy-grid--justify-start_ow8ev_809",
+  "xl:teddy-grid--justify-center": "_xl:teddy-grid--justify-center_ow8ev_812",
+  "xl:teddy-grid--justify-end": "_xl:teddy-grid--justify-end_ow8ev_815",
+  "xl:teddy-grid--justify-between": "_xl:teddy-grid--justify-between_ow8ev_818",
+  "xl:teddy-grid--columns-none": "_xl:teddy-grid--columns-none_ow8ev_821",
+  "xl:teddy-grid--columns-1": "_xl:teddy-grid--columns-1_ow8ev_824",
+  "xl:teddy-grid--columns-2": "_xl:teddy-grid--columns-2_ow8ev_827",
+  "xl:teddy-grid--columns-3": "_xl:teddy-grid--columns-3_ow8ev_830",
+  "xl:teddy-grid--columns-4": "_xl:teddy-grid--columns-4_ow8ev_833",
+  "xl:teddy-grid--columns-5": "_xl:teddy-grid--columns-5_ow8ev_836",
+  "xl:teddy-grid--columns-6": "_xl:teddy-grid--columns-6_ow8ev_839",
+  "xl:teddy-grid--columns-7": "_xl:teddy-grid--columns-7_ow8ev_842",
+  "xl:teddy-grid--columns-8": "_xl:teddy-grid--columns-8_ow8ev_845",
+  "xl:teddy-grid--columns-9": "_xl:teddy-grid--columns-9_ow8ev_848",
+  "xl:teddy-grid--columns-10": "_xl:teddy-grid--columns-10_ow8ev_851",
+  "xl:teddy-grid--columns-11": "_xl:teddy-grid--columns-11_ow8ev_854",
+  "xl:teddy-grid--columns-12": "_xl:teddy-grid--columns-12_ow8ev_857",
+  "xl:teddy-grid--rows-none": "_xl:teddy-grid--rows-none_ow8ev_860",
+  "xl:teddy-grid--rows-1": "_xl:teddy-grid--rows-1_ow8ev_863",
+  "xl:teddy-grid--rows-2": "_xl:teddy-grid--rows-2_ow8ev_866",
+  "xl:teddy-grid--rows-3": "_xl:teddy-grid--rows-3_ow8ev_869",
+  "xl:teddy-grid--rows-4": "_xl:teddy-grid--rows-4_ow8ev_872",
+  "xl:teddy-grid--rows-5": "_xl:teddy-grid--rows-5_ow8ev_875",
+  "xl:teddy-grid--rows-6": "_xl:teddy-grid--rows-6_ow8ev_878",
+  "xl:teddy-grid--rows-7": "_xl:teddy-grid--rows-7_ow8ev_881",
+  "xl:teddy-grid--rows-8": "_xl:teddy-grid--rows-8_ow8ev_884",
+  "xl:teddy-grid--rows-9": "_xl:teddy-grid--rows-9_ow8ev_887",
+  "xl:teddy-grid--rows-10": "_xl:teddy-grid--rows-10_ow8ev_890",
+  "xl:teddy-grid--rows-11": "_xl:teddy-grid--rows-11_ow8ev_893",
+  "xl:teddy-grid--rows-12": "_xl:teddy-grid--rows-12_ow8ev_896"
+}, R = {
+  0: "0rem",
+  10: "0.0625rem",
+  25: "0.125rem",
+  50: "0.25rem",
+  100: "0.5rem",
+  150: "0.75rem",
+  200: "1rem",
+  250: "1.25rem",
+  300: "1.5rem",
+  400: "2rem",
+  600: "3rem",
+  800: "4rem",
+  1e3: "5rem",
+  1200: "6rem",
+  1600: "8rem",
+  gutter: {
+    sm: "1rem",
+    md: "1.5rem",
+    lg: "1.5rem",
+    xl: "1.5rem"
+  },
+  "page-padding": {
+    sm: "1rem",
+    md: "1.5rem",
+    lg: "3rem",
+    xl: "3rem"
+  }
+}, e = "teddy-grid", G = ["none", "inline-grid", "grid"], O = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"], k = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"], q = ["row", "column", "dense", "row-dense", "column-dense"], z = ["start", "center", "end", "baseline", "stretch"], A = ["start", "center", "end", "between"], B = Object.keys(R), r = V.forwardRef(
+  ({
+    className: t,
+    display: _ = "grid",
+    columns: i,
+    rows: o,
+    flow: y,
+    align: s,
+    justify: l,
+    gap: w = "100",
+    as: m = "div",
+    asChild: n,
+    ...v
+  }, a) => {
+    const c = n ? h : m, u = g({
+      responsiveValue: i,
+      rootClassName: `${e}--columns`,
+      styles: d
+    }), p = g({
+      responsiveValue: w,
+      rootClassName: `${e}--gap`,
+      styles: d
+    }), x = g({
+      responsiveValue: o,
+      rootClassName: `${e}--rows`,
+      styles: d
+    }), f = g({
+      responsiveValue: y,
+      rootClassName: `${e}--flow`,
+      styles: d
+    }), j = g({
+      responsiveValue: s,
+      rootClassName: `${e}--align`,
+      styles: d
+    }), b = g({
+      responsiveValue: l,
+      rootClassName: `${e}--justify`,
+      styles: d
+    }), N = $(
+      [d[`${e}`]],
+      u,
+      p,
+      x,
+      f,
+      j,
+      b,
+      {
+        [d[`${e}--${_}`]]: _
+      },
+      t
+    );
+    return /* @__PURE__ */ C(c, { ...v, ref: a, className: N });
+  }
+);
+r.displayName = "Grid";
+const J = Object.assign(r, {
+  displayValues: G,
+  columnsValues: O,
+  rowsValues: k,
+  flowValues: q,
+  alignValues: z,
+  justifyValues: A,
+  gapValues: B
+});
+export {
+  J as Grid
+};

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

@@ -0,0 +1,2 @@
+export { Grid } from './grid';
+export type { GridProps } from './grid';

package/dist/components/grid/index.js

@@ -0,0 +1,4 @@
+import { Grid as d } from "./grid.js";
+export {
+  d as Grid
+};

package/dist/components/heading/heading.d.ts

@@ -0,0 +1,63 @@
+import { default as React } from 'react';
+
+/** -------------------------------------------------------------------------------------------------
+ * Heading
+ * -----------------------------------------------------------------------------------------------*/
+declare const headingVariants: readonly ["title-100", "title-200", "title-300", "title-400", "title-500", "title-600", "title-700", "subsection-100", "display-25", "display-50", "display-100", "display-200"];
+type AsChildProps = {
+    /**
+     * If `true`, the children element will be cloned and used instead of the heading element.
+     */
+    asChild: true;
+    as?: never;
+} & React.ComponentPropsWithoutRef<'h1'>;
+type H1Props = {
+    as: 'h1';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h1'>;
+type H2Props = {
+    as: 'h2';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h2'>;
+type H3Props = {
+    as: 'h3';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h3'>;
+type H4Props = {
+    as: 'h4';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h4'>;
+type H5Props = {
+    as: 'h5';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h5'>;
+type H6Props = {
+    as: 'h6';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h6'>;
+type HeadingVariant = (typeof headingVariants)[number];
+type RootProps = {
+    /**
+     * EnableHyphenation
+     * The hyphens CSS property specifies how words should be hyphenated when text wraps across multiple lines.
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens
+     */
+    enableHyphenation?: boolean;
+    variant: HeadingVariant;
+} & (AsChildProps | H1Props | H2Props | H3Props | H4Props | H5Props | H6Props);
+declare const Heading: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLHeadingElement>> & {
+    headingVariants: readonly ["title-100", "title-200", "title-300", "title-400", "title-500", "title-600", "title-700", "subsection-100", "display-25", "display-50", "display-100", "display-200"];
+};
+type HeadingProps = {
+    Root: RootProps;
+    headingVariants: typeof headingVariants;
+    AsChildProps: AsChildProps;
+    H1Props: H1Props;
+    H2Props: H2Props;
+    H3Props: H3Props;
+    H4Props: H4Props;
+    H5Props: H5Props;
+    H6Props: H6Props;
+};
+export { Heading };
+export type { HeadingProps };

package/dist/components/heading/heading.js

@@ -0,0 +1,53 @@
+import '../../assets/heading.css';
+import { jsx as n } from "react/jsx-runtime";
+import { $ as q } from "../../index-DpfSJps6.js";
+import { c as o } from "../../clsx-DB4S2d7J.js";
+import p from "react";
+const d = {
+  "teddy-heading": "_teddy-heading_1qjqc_2",
+  "teddy-heading--hyphens": "_teddy-heading--hyphens_1qjqc_9",
+  "teddy-heading--subsection-100": "_teddy-heading--subsection-100_1qjqc_12",
+  "teddy-heading--title-100": "_teddy-heading--title-100_1qjqc_18",
+  "teddy-heading--title-200": "_teddy-heading--title-200_1qjqc_24",
+  "teddy-heading--title-300": "_teddy-heading--title-300_1qjqc_30",
+  "teddy-heading--title-400": "_teddy-heading--title-400_1qjqc_36",
+  "teddy-heading--title-500": "_teddy-heading--title-500_1qjqc_42",
+  "teddy-heading--title-600": "_teddy-heading--title-600_1qjqc_48",
+  "teddy-heading--title-700": "_teddy-heading--title-700_1qjqc_54",
+  "teddy-heading--display-25": "_teddy-heading--display-25_1qjqc_60",
+  "teddy-heading--display-50": "_teddy-heading--display-50_1qjqc_66",
+  "teddy-heading--display-100": "_teddy-heading--display-100_1qjqc_72",
+  "teddy-heading--display-200": "_teddy-heading--display-200_1qjqc_78"
+}, e = "teddy-heading", j = [
+  "title-100",
+  "title-200",
+  "title-300",
+  "title-400",
+  "title-500",
+  "title-600",
+  "title-700",
+  "subsection-100",
+  "display-25",
+  "display-50",
+  "display-100",
+  "display-200"
+], y = p.forwardRef(
+  ({ className: s, children: t, variant: i, asChild: _, enableHyphenation: l, as: a, ...h }, c) => {
+    const g = o(
+      d[`${e}`],
+      {
+        [d[`${e}--${i}`]]: i,
+        [d[`${e}--hyphens`]]: l
+      },
+      s
+    );
+    return /* @__PURE__ */ n(q, { ...h, ref: c, className: g, children: _ ? t : a ? /* @__PURE__ */ n(a, { children: t }) : null });
+  }
+);
+y.displayName = "Heading";
+const u = Object.assign(y, {
+  headingVariants: j
+});
+export {
+  u as Heading
+};

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

@@ -0,0 +1,2 @@
+export { Heading } from './heading';
+export type { HeadingProps } from './heading';

package/dist/components/heading/index.js

@@ -0,0 +1,4 @@
+import { Heading as r } from "./heading.js";
+export {
+  r as Heading
+};

package/dist/components/helper-text/helper-text.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 type HelperTextProps = React.ComponentPropsWithoutRef<'span'>;
 declare const HelperText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { HelperText };

package/dist/components/helper-text/helper-text.js

@@ -1,20 +1,20 @@
-import "../../assets/helper-text.css";
+import '../../assets/helper-text.css';
 import { jsx as l } from "react/jsx-runtime";
-import { c as o } from "../../clsx-DB4S2d7J.js";
-import a from "react";
+import { c as a } from "../../clsx-DB4S2d7J.js";
+import o from "react";
 const p = {
   "teddy-helper-text": "_teddy-helper-text_6xdzb_1",
   "teddy-helper-text--disabled": "_teddy-helper-text--disabled_6xdzb_9"
-}, x = "teddy-helper-text", m = a.forwardRef(
+}, x = "teddy-helper-text", c = o.forwardRef(
   ({ className: e, children: t, ...r }, s) => {
-    const d = o(
+    const d = a(
       [p[x]],
       e
     );
     return /* @__PURE__ */ l("span", { ...r, ref: s, className: d, children: t });
   }
 );
-m.displayName = "HelperText";
+c.displayName = "HelperText";
 export {
-  m as HelperText
+  c as HelperText
 };

package/dist/components/icon/icon.d.ts

@@ -1,9 +1,20 @@
-/// <reference types="react" />
-import { type IconName } from '../../icons/name';
+import { IconName } from '../../icons/name';
+
 export { IconName };
 type Size = 'font' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type IconProps = React.SVGProps<SVGSVGElement> & {
     name: IconName;
+    /**
+     * Size of the icon
+     * @default 'font'
+     * @property font => 1em
+     * @property xxs => 12px (0.75rem)
+     * @property xs => 16px (1rem)
+     * @property sm => 20px (1.25rem)
+     * @property md => 24px (1.5rem)
+     * @property lg => 32px (2rem)
+     * @property xl => 48px (3rem)
+     */
     size?: Size;
     children?: React.ReactNode;
 };

package/dist/components/icon/icon.js

@@ -1,26 +1,26 @@
-import "../../assets/icon.css";
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import r from "../../assets/f2a2f391a886d395.svg";
-import { c as _ } from "../../clsx-DB4S2d7J.js";
-const d = {
-  "teddy-icon": "_teddy-icon_mqgol_1",
-  "teddy-icon--font": "_teddy-icon--font_mqgol_6",
-  "teddy-icon--xxs": "_teddy-icon--xxs_mqgol_10",
-  "teddy-icon--xs": "_teddy-icon--xs_mqgol_14",
-  "teddy-icon--sm": "_teddy-icon--sm_mqgol_18",
-  "teddy-icon--md": "_teddy-icon--md_mqgol_22",
-  "teddy-icon--lg": "_teddy-icon--lg_mqgol_26",
-  "teddy-icon--xl": "_teddy-icon--xl_mqgol_30",
-  "teddy-icon-with-children": "_teddy-icon-with-children_mqgol_35"
-}, t = "teddy-icon", y = `${t}-with-children`;
-function g({ name: n, size: c = "font", className: i, children: e, ...s }) {
-  if (e)
-    return /* @__PURE__ */ m("span", { className: _([d[y]]), children: [
-      /* @__PURE__ */ o(g, { name: n, size: c, className: i, ...s }),
-      e
+import '../../assets/icon.css';
+import { jsxs as y, jsx as d } from "react/jsx-runtime";
+import f from "../../assets/5161b177f001ea1a.svg";
+import { c as s } from "../../clsx-DB4S2d7J.js";
+const t = {
+  "teddy-icon": "_teddy-icon_1rwgf_2",
+  "teddy-icon--font": "_teddy-icon--font_1rwgf_7",
+  "teddy-icon--xxs": "_teddy-icon--xxs_1rwgf_11",
+  "teddy-icon--xs": "_teddy-icon--xs_1rwgf_15",
+  "teddy-icon--sm": "_teddy-icon--sm_1rwgf_19",
+  "teddy-icon--md": "_teddy-icon--md_1rwgf_23",
+  "teddy-icon--lg": "_teddy-icon--lg_1rwgf_27",
+  "teddy-icon--xl": "_teddy-icon--xl_1rwgf_31",
+  "teddy-icon-with-children": "_teddy-icon-with-children_1rwgf_35"
+}, o = "teddy-icon", l = `${o}-with-children`;
+function g({ name: n, size: c = "font", className: e, children: i, ...r }) {
+  if (i)
+    return /* @__PURE__ */ y("span", { className: s([t[l]]), children: [
+      /* @__PURE__ */ d(g, { name: n, size: c, className: e, ...r }),
+      i
     ] });
-  const l = _([d[t], d[`${t}--${c}`]], i);
-  return /* @__PURE__ */ o("svg", { ...s, className: l, children: /* @__PURE__ */ o("use", { href: `${r}#${n}` }) });
+  const _ = s([t[o], t[`${o}--${c}`]], e);
+  return /* @__PURE__ */ d("svg", { ...r, className: _, children: /* @__PURE__ */ d("use", { href: `${f}#${n}` }) });
 }
 export {
   g as Icon