prime-ui-kit 0.3.2 → 0.4.1

package/dist/components/dropdown/examples/states.d.ts

@@ -0,0 +1,3 @@
+/** Недоступный пункт через `disabled` — как в `playground/snippets/dropdown/states.tsx`. */
+export default function DropdownStatesExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=states.d.ts.map

package/dist/components/dropdown/examples/states.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"states.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/examples/states.tsx"],"names":[],"mappings":"AAGA,4FAA4F;AAC5F,MAAM,CAAC,OAAO,UAAU,qBAAqB,4CAe5C"}

package/dist/components/dropdown/examples/variants.d.ts

@@ -0,0 +1,3 @@
+/** Обычные пункты и `destructive` на `Dropdown.Item` — как в `playground/snippets/dropdown/variants.tsx`. */
+export default function DropdownVariantsExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/dropdown/examples/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/examples/variants.tsx"],"names":[],"mappings":"AAGA,6GAA6G;AAC7G,MAAM,CAAC,OAAO,UAAU,uBAAuB,4CAgB9C"}

package/dist/components/file-upload/examples/custom-children.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Свой контент зоны и accept для изображений.
+ * См. playground/snippets/file-upload/custom-children.tsx.
+ */
+export declare function FileUploadCustomChildrenExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=custom-children.d.ts.map

package/dist/components/file-upload/examples/custom-children.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-children.d.ts","sourceRoot":"","sources":["../../../../../src/components/file-upload/examples/custom-children.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,+BAA+B,4CAc9C"}

package/dist/components/file-upload/examples/full-width.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Зона на всю ширину колонки: у Root уже width 100%.
+ * См. playground/snippets/file-upload/full-width.tsx.
+ */
+export declare function FileUploadFullWidthExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=full-width.d.ts.map

package/dist/components/file-upload/examples/full-width.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-width.d.ts","sourceRoot":"","sources":["../../../../../src/components/file-upload/examples/full-width.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,0BAA0B,4CAyBzC"}

package/dist/components/hint/examples/a11y-describedby.d.ts

@@ -0,0 +1,3 @@
+/** Stable `id` on `Hint.Root` and `aria-describedby` on the control so the hint is read with the field. */
+export default function HintA11yDescribedbyExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=a11y-describedby.d.ts.map

package/dist/components/hint/examples/a11y-describedby.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y-describedby.d.ts","sourceRoot":"","sources":["../../../../../src/components/hint/examples/a11y-describedby.tsx"],"names":[],"mappings":"AAEA,2GAA2G;AAC3G,MAAM,CAAC,OAAO,UAAU,0BAA0B,4CAmBjD"}

package/dist/components/hint/examples/controlled-variant.d.ts

@@ -0,0 +1,3 @@
+/** Parent drives `variant` (and copy) from state — e.g. after validation. */
+export default function HintControlledVariantExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=controlled-variant.d.ts.map

package/dist/components/hint/examples/controlled-variant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-variant.d.ts","sourceRoot":"","sources":["../../../../../src/components/hint/examples/controlled-variant.tsx"],"names":[],"mappings":"AAGA,6EAA6E;AAC7E,MAAM,CAAC,OAAO,UAAU,4BAA4B,4CAkBnD"}

package/dist/components/hint/examples/field-states.d.ts

@@ -0,0 +1,3 @@
+/** Label + field + hint for default, invalid, and disabled rows (aligned with playground `field-states`). */
+export default function HintFieldStatesExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=field-states.d.ts.map

package/dist/components/hint/examples/field-states.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-states.d.ts","sourceRoot":"","sources":["../../../../../src/components/hint/examples/field-states.tsx"],"names":[],"mappings":"AAEA,6GAA6G;AAC7G,MAAM,CAAC,OAAO,UAAU,sBAAsB,4CAwC7C"}

package/dist/components/hint/examples/sizes.d.ts

@@ -0,0 +1,3 @@
+/** Nominal `size` matches the field tier; hint typography is one step smaller (see styles). */
+export default function HintSizesExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sizes.d.ts.map

package/dist/components/hint/examples/sizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../../../../src/components/hint/examples/sizes.tsx"],"names":[],"mappings":"AAEA,+FAA+F;AAC/F,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CASvC"}

package/dist/components/hint/examples/variants.d.ts

@@ -0,0 +1,3 @@
+/** `variant` on default size `m`: secondary, error, and disabled tones. */
+export default function HintVariantsExample(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/hint/examples/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/hint/examples/variants.tsx"],"names":[],"mappings":"AAEA,2EAA2E;AAC3E,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAc1C"}

package/dist/components/index.css

@@ -70,17 +70,6 @@
   margin: 0;
   background: transparent;
 }
-.AppShell_layoutMainSurface2 {
-  padding: var(--prime-sys-spacing-x5);
-  border: var(--prime-sys-unit-1px) solid var(--prime-sys-color-border-subtle);
-  border-radius: var(--prime-sys-shape-radius-l);
-  background: var(--prime-sys-color-surface-elevated);
-  box-shadow: var(--prime-sys-elevation-shadow-surface);
-}
-.AppShell_layoutMainPage2 {
-  padding-block: var(--prime-sys-spacing-x6);
-  padding-inline: var(--prime-sys-spacing-x6);
-}
 @media (min-width: 48rem) {
   .AppShell_layoutRoot2[data-layout-template=app]:has([data-sidebar-root=true][data-state=expanded], [data-sidebar-root=true][data-state=compact]) {
     column-gap: var(--prime-sys-spacing-x3);
@@ -379,7 +368,6 @@
   --sb-transition-duration: var(--prime-sys-motion-duration-slow);
   --sb-transition-ease: var(--prime-sys-motion-easing-standard);
   --sb-control-height: var(--prime-sys-size-control-m-height);
-  --sb-floating-toggle-size: calc(var(--sb-control-height) - var(--prime-sys-unit-8px));
   --sb-panel-padding-inline-expanded: var(--prime-sys-spacing-x2);
   --sb-panel-padding-inline-compact: var(--prime-sys-spacing-x1);
   --sb-panel-padding-inline: calc( var(--sb-panel-padding-inline-expanded) + (var(--sb-panel-padding-inline-compact) - var(--sb-panel-padding-inline-expanded)) * var(--sb-progress) );
@@ -457,6 +445,17 @@
   min-width: 100%;
   min-height: 0;
   height: 100%;
+}
+.Sidebar_navPanelSurface2 {
+  position: relative;
+  z-index: 0;
+  box-sizing: border-box;
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-width: 100%;
+  min-height: 0;
+  width: 100%;
   gap: var(--sb-panel-gap);
   padding-block: var(--sb-panel-padding-block);
   padding-inline: var(--sb-panel-padding-inline);
@@ -466,19 +465,17 @@
   box-shadow: none;
   transition: background-color var(--sb-transition-duration) var(--sb-transition-ease);
 }
-:root[data-theme=dark] .Sidebar_navPanel2 {
+:root[data-theme=dark] .Sidebar_navPanelSurface2 {
   background: var(--prime-sys-color-surface-default);
 }
-.Sidebar_root2[data-side=left] .Sidebar_navPanel2 {
+.Sidebar_root2[data-side=left] .Sidebar_navPanelSurface2 {
   border-inline-end: var(--prime-sys-unit-1px) solid var(--prime-sys-color-border-subtle);
 }
 .Sidebar_root2[data-side=right] .Sidebar_navPanel2 {
   margin-inline-start: auto;
-  border-inline-start: var(--prime-sys-unit-1px) solid var(--prime-sys-color-border-subtle);
 }
-.Sidebar_root2[data-state=hidden] .Sidebar_navPanel2 {
-  opacity: 0;
-  pointer-events: none;
+.Sidebar_root2[data-side=right] .Sidebar_navPanelSurface2 {
+  border-inline-start: var(--prime-sys-unit-1px) solid var(--prime-sys-color-border-subtle);
 }
 .Sidebar_header2 {
   flex: 0 0 auto;
@@ -734,7 +731,7 @@
 }
 .Sidebar_toggleButton2[data-placement=edge] {
   position: absolute;
-  z-index: 2;
+  z-index: 3;
   width: calc(var(--sb-control-height) * 0.72);
   min-width: calc(var(--sb-control-height) * 0.72);
   max-width: calc(var(--sb-control-height) * 0.72);
@@ -927,44 +924,6 @@
   min-width: 0;
   gap: var(--prime-sys-spacing-x1);
 }
-.Sidebar_floatingToggle2 {
-  position: fixed;
-  box-sizing: border-box;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--sb-floating-toggle-size);
-  min-width: var(--sb-floating-toggle-size);
-  max-width: var(--sb-floating-toggle-size);
-  min-height: var(--sb-floating-toggle-size);
-  padding: 0;
-  border: 0;
-  border-radius: var(--prime-sys-size-control-m-radius);
-  background: var(--prime-sys-color-surface-elevated);
-  color: var(--prime-sys-color-content-secondary);
-  cursor: pointer;
-  z-index: var(--prime-sys-elevation-zIndex-drawerNestedShell);
-  font-size: 0.875rem;
-  inset-block-start: calc(env(safe-area-inset-top, 0px) + var(--prime-sys-spacing-x2));
-  inset-inline-start: calc(env(safe-area-inset-left, 0px) + var(--prime-sys-spacing-x2));
-  box-shadow: var(--prime-sys-elevation-shadow-surface);
-  transition:
-    background-color var(--sb-transition-duration) var(--sb-transition-ease),
-    color var(--sb-transition-duration) var(--sb-transition-ease),
-    opacity var(--sb-transition-duration) var(--sb-transition-ease);
-}
-.Sidebar_floatingToggle2[data-side=right] {
-  inset-inline-start: auto;
-  inset-inline-end: calc(env(safe-area-inset-right, 0px) + var(--prime-sys-spacing-x2));
-}
-.Sidebar_floatingToggle2:hover {
-  background: var(--prime-sys-color-action-neutralBackgroundHover);
-  color: var(--prime-sys-color-content-primary);
-}
-.Sidebar_floatingToggle2:focus-visible {
-  outline: var(--prime-sys-border-width-focusRing) solid var(--prime-sys-color-focus-ring);
-  outline-offset: var(--prime-sys-unit-2px);
-}
 @media (min-width: 48rem) {
   .Sidebar_root2[data-state=compact] .Sidebar_identityButtonMain2 {
     flex: 0 1 auto;
@@ -1018,30 +977,38 @@
     max-width: 100vw;
     height: 100dvh;
     transform: none;
-    transition: transform var(--sb-transition-duration) var(--sb-transition-ease), background-color var(--sb-transition-duration) var(--sb-transition-ease);
+    overflow: visible;
   }
-  .Sidebar_root2[data-state=hidden] .Sidebar_navPanel2 {
-    opacity: 1;
-    pointer-events: none;
+  .Sidebar_navPanelSurface2 {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: inherit;
+    transition: transform var(--sb-transition-duration) var(--sb-transition-ease), background-color var(--sb-transition-duration) var(--sb-transition-ease);
   }
   .Sidebar_root2[data-side=left] .Sidebar_navPanel2 {
     left: 0;
     border-radius: 0 var(--prime-sys-shape-radius-l) var(--prime-sys-shape-radius-l) 0;
-    transform: translateX(-100%);
   }
   .Sidebar_root2[data-side=right] .Sidebar_navPanel2 {
     right: 0;
     border-radius: var(--prime-sys-shape-radius-l) 0 0 var(--prime-sys-shape-radius-l);
+  }
+  .Sidebar_root2[data-side=left] .Sidebar_navPanelSurface2 {
+    transform: translateX(-100%);
+  }
+  .Sidebar_root2[data-side=right] .Sidebar_navPanelSurface2 {
     transform: translateX(100%);
   }
-  .Sidebar_root2[data-mobile-open=true] .Sidebar_navPanel2 {
+  .Sidebar_root2[data-mobile-open=true] .Sidebar_navPanelSurface2 {
     transform: translateX(0);
   }
 }
 @media (prefers-reduced-motion: reduce) {
   .Sidebar_root2,
   .Sidebar_navPanel2,
-  .Sidebar_floatingToggle2,
+  .Sidebar_navPanelSurface2,
   .Sidebar_backdrop2,
   .Sidebar_menuButton2,
   .Sidebar_menuLabel2,
@@ -7096,6 +7063,11 @@
 }
 
 /* src/components/page-content/PageContent.module.css */
+.PageContent_section2 {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+}
 .PageContent_root2 {
   box-sizing: border-box;
   width: 100%;
@@ -7135,6 +7107,9 @@
   line-height: var(--prime-sys-typography-lineHeightScale-s);
   font-weight: var(--prime-sys-typography-weight-regular);
 }
+.PageContent_description2[data-measure=full] {
+  max-width: none;
+}
 .PageContent_body2 {
   display: flex;
   flex-direction: column;