@nayhoo/ui 0.18.0 → 0.19.0

package/dist/patterns/index.mjs

@@ -1,15 +1,20 @@
+import {
+  Container
+} from "../chunk-IKDQWTMS.mjs";
 import {
   sprinkles
-} from "../chunk-BBTIKGXS.mjs";
+} from "../chunk-VMWZ4AUH.mjs";
+import "../chunk-Y6BNWBLR.mjs";
 import "../chunk-O62XWWJU.mjs";
+import "../chunk-P3OUEGR4.mjs";
 import "../chunk-KH7OG63I.mjs";
 import "../chunk-C4NLMHMQ.mjs";
 import "../chunk-P3KR7WP5.mjs";
 import "../chunk-DXKT5AFF.mjs";
-import "../chunk-Y6BNWBLR.mjs";
+import "../chunk-DOHVBMXO.mjs";
 import "../chunk-NOIOHUNH.mjs";
 import "../chunk-JGZLOTH3.mjs";
-import "../chunk-P3OUEGR4.mjs";
+import "../chunk-PUW3KNR3.mjs";
 import "../chunk-5WJ4KGIE.mjs";
 import "../chunk-WUVNL3DI.mjs";
 import "../chunk-S6KKPOPH.mjs";
@@ -17,7 +22,7 @@ import "../chunk-AXOHCT5Q.mjs";
 import "../chunk-KE7EIF6L.mjs";
 import "../chunk-JZBPCPSP.mjs";
 import "../chunk-HNVVD3WS.mjs";
-import "../chunk-DOHVBMXO.mjs";
+import "../chunk-TCGR6PEH.mjs";
 import "../chunk-P2VEMZGS.mjs";
 import "../chunk-EXKRRQYL.mjs";
 import {
@@ -33,10 +38,6 @@ import "../chunk-47YGQSLM.mjs";
 import "../chunk-6RSPMV3B.mjs";
 import "../chunk-IFN22XIN.mjs";
 import "../chunk-5ZOT2LOO.mjs";
-import {
-  Container
-} from "../chunk-IKDQWTMS.mjs";
-import "../chunk-PUW3KNR3.mjs";
 import "../chunk-UPZYS6TE.mjs";
 import "../chunk-7EGQM3ZL.mjs";
 

package/dist/patterns/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/patterns/nav.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Container } from \"@/components/container\";\nimport { sprinkles, theme } from \"@/theme\";\nimport { useScrollPosition } from \"@nayhoo/hooks\";\n\n/** Common Nav component for Nayhoo apps */\nexport const Nav = ({\n  children,\n  variant = \"fixed\",\n  fullWidth = false,\n  compact = false,\n}: {\n  children: React.ReactNode;\n  variant?: \"fixed\" | \"sticky\";\n  fullWidth?: boolean;\n  compact?: boolean;\n}) => {\n  const scrollPosition = useScrollPosition();\n\n  const isScrolled = scrollPosition > 24;\n\n  return (\n    <Box\n      asChild\n      className={sprinkles({\n        paddingY: {\n          initial: undefined,\n          xs: isScrolled || compact ? undefined : 2,\n        },\n      })}\n      style={{\n        borderBottom: \"1px solid\",\n        borderColor:\n          isScrolled || compact ? theme.semanticColors.line : \"transparent\",\n        position: variant,\n        top: 0,\n        transition: \"border-color 0.4s, padding 0.4s\",\n        width: \"100%\",\n        zIndex: theme.zIndices[1],\n        backgroundColor: `color-mix(in srgb, ${theme.semanticColors.background}, transparent 40%)`,\n        backdropFilter: \"blur(10px)\",\n      }}\n    >\n      <nav>\n        <Container\n          size={fullWidth ? \"4\" : \"3\"}\n          style={{\n            padding: theme.space[2],\n            width: \"100%\",\n          }}\n        >\n          {children}\n        </Container>\n      </nav>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,yBAAyB;AAyC1B;AAtCD,IAAM,MAAM,CAAC;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AACZ,MAKM;AACJ,QAAM,iBAAiB,kBAAkB;AAEzC,QAAM,aAAa,iBAAiB;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAO;AAAA,MACP,WAAW,UAAU;AAAA,QACnB,UAAU;AAAA,UACR,SAAS;AAAA,UACT,IAAI,cAAc,UAAU,SAAY;AAAA,QAC1C;AAAA,MACF,CAAC;AAAA,MACD,OAAO;AAAA,QACL,cAAc;AAAA,QACd,aACE,cAAc,UAAU,MAAM,eAAe,OAAO;AAAA,QACtD,UAAU;AAAA,QACV,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ,MAAM,SAAS,CAAC;AAAA,QACxB,iBAAiB,sBAAsB,MAAM,eAAe,UAAU;AAAA,QACtE,gBAAgB;AAAA,MAClB;AAAA,MAEA,8BAAC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,YAAY,MAAM;AAAA,UACxB,OAAO;AAAA,YACL,SAAS,MAAM,MAAM,CAAC;AAAA,YACtB,OAAO;AAAA,UACT;AAAA,UAEC;AAAA;AAAA,MACH,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/patterns/nav.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Container } from \"@/components/container\";\nimport { sprinkles, theme } from \"@/theme\";\nimport { useScrollPosition } from \"@nayhoo/hooks\";\n\n/** Common Nav component for Nayhoo apps */\nexport const Nav = ({\n  children,\n  variant = \"fixed\",\n  fullWidth = false,\n  compact = false,\n}: {\n  children: React.ReactNode;\n  variant?: \"fixed\" | \"sticky\";\n  fullWidth?: boolean;\n  compact?: boolean;\n}) => {\n  const scrollPosition = useScrollPosition();\n\n  const isScrolled = scrollPosition > 24;\n\n  return (\n    <Box\n      asChild\n      className={sprinkles({\n        paddingY: {\n          initial: undefined,\n          xs: isScrolled || compact ? undefined : 2,\n        },\n      })}\n      style={{\n        borderBottom: \"1px solid\",\n        borderColor:\n          isScrolled || compact ? theme.semanticColors.line : \"transparent\",\n        position: variant,\n        top: 0,\n        transition: \"border-color 0.4s, padding 0.4s\",\n        width: \"100%\",\n        zIndex: theme.zIndices[1],\n        backgroundColor: `color-mix(in srgb, ${theme.semanticColors.background}, transparent 40%)`,\n        backdropFilter: \"blur(10px)\",\n      }}\n    >\n      <nav>\n        <Container\n          size={fullWidth ? \"4\" : \"3\"}\n          style={{\n            padding: theme.space[2],\n            width: \"100%\",\n          }}\n        >\n          {children}\n        </Container>\n      </nav>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,yBAAyB;AAyC1B;AAtCD,IAAM,MAAM,CAAC;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AACZ,MAKM;AACJ,QAAM,iBAAiB,kBAAkB;AAEzC,QAAM,aAAa,iBAAiB;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAO;AAAA,MACP,WAAW,UAAU;AAAA,QACnB,UAAU;AAAA,UACR,SAAS;AAAA,UACT,IAAI,cAAc,UAAU,SAAY;AAAA,QAC1C;AAAA,MACF,CAAC;AAAA,MACD,OAAO;AAAA,QACL,cAAc;AAAA,QACd,aACE,cAAc,UAAU,MAAM,eAAe,OAAO;AAAA,QACtD,UAAU;AAAA,QACV,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ,MAAM,SAAS,CAAC;AAAA,QACxB,iBAAiB,sBAAsB,MAAM,eAAe,UAAU;AAAA,QACtE,gBAAgB;AAAA,MAClB;AAAA,MAEA,8BAAC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,YAAY,MAAM;AAAA,UACxB,OAAO;AAAA,YACL,SAAS,MAAM,MAAM,CAAC;AAAA,YACtB,OAAO;AAAA,UACT;AAAA,UAEC;AAAA;AAAA,MACH,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/theme/index.css

@@ -4092,6 +4092,85 @@
   }
 }
 
+/* vanilla-extract-css-ns:src/theme/styles/accordion.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Vy27bMBC8+ysWOSVAGEh20rgMCgRID+m56akoDEpcSdtQpEDSzyL/XpCyZDWxU7voSYTs2Zkdzq7un3FdWFGjA5HnxkoyeuYUSfxslno2S28Xcr0QE/g1AiisqeMBoEIqK88huRsBvIwAvHn1y0LYc8askLRifWmWG+1Re9b+66JFv4zuD8r41vQirg+JOIFqj9CkE3G1o96dOvIkojJjJdpINXdDYmLj2Sz9qDOcynFJkW1J0lccJknSrO4O1P/ise450shRC1uSZt40HNKABDALtIUySw4VSYn6uGq8IOs8yytScqjem4YpLPzeNtJBG1VsY4CywbEjYcM2kiMFK7FPb2a8N/U/SN4Cj1d9nKsmnzu2JF+RjjIb48iT0RwsKuFpgUHDhpGWuOKQvqqbV7iwg2SNYxFvhe7KxHNhbB2yUzvI5xnlLMMNoT1Prqa3l5BcQnKVTi4hjbK/S+EFc154/GQa1D/gOMJAwsGaADxPp4nE8qAND+089WVu2nE02jNHG+ycDS++0gYdm/TuZhenpPgN0bC7s9De2Y/ILTTVorXs/eV1rI2nq8mVcSj/quePLfYf1DzhaqfoQ5tCISXpkkN606xg/M7OeUQh0fbw21a7Uhzm2qEPVyXJNUqsORQKD9Z5slSWg0LTPYWEolIz8lg7DjlqjzYOqMifS2vmWrLcKGO3mW+ERe3bCV4xVwkZ0pKENQjJNl8Oa6E95Q8B55gijbspLvBij3yIzziJ28AWoia15kC6Qkv+7rQgd1+O65t2Pf+cO0/FuvvicHCNyJFl6JcYYg4QVLIOFmX015W8e1dvPOZVGKN2Pb4xca9DA2cfA3bgVhFy9hvpHNAJAwgAAA== */
+@keyframes accordion_slideDown__17vdyva3 {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+@keyframes accordion_slideUp__17vdyva4 {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+.accordion_accordion__17vdyva0 {
+  border-radius: var(--radii-2__19nbe8d2gi);
+  width: 300px;
+}
+.accordion_accordionItem__17vdyva1 {
+  margin-top: 1px;
+  overflow: hidden;
+}
+.accordion_accordionItem__17vdyva1:first-child {
+  border-top-left-radius: var(--radii-1__19nbe8d2gh);
+  border-top-right-radius: var(--radii-1__19nbe8d2gh);
+  margin-top: 0;
+}
+.accordion_accordionItem__17vdyva1:last-child {
+  border-bottom-left-radius: var(--radii-1__19nbe8d2gh);
+  border-bottom-right-radius: var(--radii-1__19nbe8d2gh);
+}
+.accordion_accordionItem__17vdyva1:focus-within {
+  position: relative;
+  z-index: 1;
+}
+.accordion_chevron__17vdyva2 {
+  transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1);
+}
+[data-state=open] .accordion_chevron__17vdyva2 {
+  transform: rotate(180deg);
+}
+.accordion_accordionContent__17vdyva5 {
+  font-size: var(--fontSizes-3__19nbe8db);
+  overflow: hidden;
+}
+.accordion_accordionContent__17vdyva5[data-state=open] {
+  animation: accordion_slideDown__17vdyva3 300ms cubic-bezier(0.87, 0, 0.13, 1);
+}
+.accordion_accordionContent__17vdyva5[data-state=closed] {
+  animation: accordion_slideUp__17vdyva4 300ms cubic-bezier(0.87, 0, 0.13, 1);
+}
+.accordion_accordionContentText__17vdyva6 {
+  padding: 15px 20px;
+}
+.accordion_accordionHeader__17vdyva7 {
+  all: unset;
+  display: flex;
+}
+.accordion_accordionTrigger__17vdyva8 {
+  all: unset;
+  align-items: center;
+  background-color: transparent;
+  box-shadow: 0 1px 0 var(--semanticColors-line__19nbe8d2fe);
+  display: flex;
+  flex: 1;
+  font-family: inherit;
+  font-size: var(--fontSizes-3__19nbe8db);
+  height: 45px;
+  justify-content: space-between;
+  line-height: 1;
+  padding: 0 20px;
+}
+.accordion_accordionTrigger__17vdyva8:hover {
+  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
+}
+
 /* vanilla-extract-css-ns:src/theme/styles/avatar.css.ts.vanilla.css?source=LmF2YXRhcl9hdmF0YXJJbWFnZV9fbjljc3VjMCB7CiAgZGlzcGxheTogZmxleDsKICBvYmplY3QtZml0OiBjb3ZlcjsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGhlaWdodDogMTAwJTsKICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOwogIHdpZHRoOiAxMDAlOwp9 */
 .avatar_avatarImage__n9csuc0 {
   display: flex;