@d4gger/design-system 2.7.0 → 3.0.0

package/dist/components/sheet/sheet.props.d.cts

@@ -1,52 +0,0 @@
-declare const sheetSides: readonly ["top", "right", "bottom", "left"];
-declare const sheetSizes: readonly ["sm", "md", "lg"];
-declare const sheetContentPropDefs: {
-    size: {
-        type: "enum";
-        values: readonly ["sm", "md", "lg"];
-        default: "md";
-    };
-    width: {
-        className: string;
-        type: "enum | string";
-        values: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"];
-        default: undefined;
-        customProperties: readonly [`--${string}`];
-        parseValue: ((value: string) => string | number | undefined) | undefined;
-        responsive: true;
-    };
-    side: {
-        type: "enum";
-        className: string;
-        values: readonly ["top", "right", "bottom", "left"];
-        default: "right";
-    };
-    showClose: {
-        type: "boolean";
-        className: string;
-        default: true;
-    };
-    height: {
-        className: string;
-        type: "enum | string";
-        values: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"];
-        default: undefined;
-        customProperties: readonly [`--${string}`];
-        parseValue: ((value: string) => string | number | undefined) | undefined;
-        responsive: true;
-    };
-};
-declare const sheetHeaderPropDefs: {
-    asChild: {
-        type: "boolean";
-        default: false;
-    };
-};
-declare const sheetFooterPropDefs: {
-    asChild: {
-        type: "boolean";
-        default: false;
-    };
-};
-export { sheetContentPropDefs, sheetFooterPropDefs, sheetHeaderPropDefs, sheetSides, sheetSizes };
-//# sourceMappingURL=sheet.props.d.cts.map

package/dist/components/sheet/sheet.props.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet.props.d.cts","sourceRoot":"","sources":["../../../src/components/sheet/sheet.props.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU,6CAA8C,CAAA;AAC9D,QAAA,MAAM,UAAU,6BAA8B,CAAA;AAE9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBzB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,UAAU,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/sheet/sheet.props.d.mts

@@ -1,52 +0,0 @@
-declare const sheetSides: readonly ["top", "right", "bottom", "left"];
-declare const sheetSizes: readonly ["sm", "md", "lg"];
-declare const sheetContentPropDefs: {
-    size: {
-        type: "enum";
-        values: readonly ["sm", "md", "lg"];
-        default: "md";
-    };
-    width: {
-        className: string;
-        type: "enum | string";
-        values: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"];
-        default: undefined;
-        customProperties: readonly [`--${string}`];
-        parseValue: ((value: string) => string | number | undefined) | undefined;
-        responsive: true;
-    };
-    side: {
-        type: "enum";
-        className: string;
-        values: readonly ["top", "right", "bottom", "left"];
-        default: "right";
-    };
-    showClose: {
-        type: "boolean";
-        className: string;
-        default: true;
-    };
-    height: {
-        className: string;
-        type: "enum | string";
-        values: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"];
-        default: undefined;
-        customProperties: readonly [`--${string}`];
-        parseValue: ((value: string) => string | number | undefined) | undefined;
-        responsive: true;
-    };
-};
-declare const sheetHeaderPropDefs: {
-    asChild: {
-        type: "boolean";
-        default: false;
-    };
-};
-declare const sheetFooterPropDefs: {
-    asChild: {
-        type: "boolean";
-        default: false;
-    };
-};
-export { sheetContentPropDefs, sheetFooterPropDefs, sheetHeaderPropDefs, sheetSides, sheetSizes };
-//# sourceMappingURL=sheet.props.d.mts.map

package/dist/components/sheet/sheet.props.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet.props.d.mts","sourceRoot":"","sources":["../../../src/components/sheet/sheet.props.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU,6CAA8C,CAAA;AAC9D,QAAA,MAAM,UAAU,6BAA8B,CAAA;AAE9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBzB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,UAAU,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/sheet/sheet.props.d.ts

@@ -1,52 +0,0 @@
-declare const sheetSides: readonly ["top", "right", "bottom", "left"];
-declare const sheetSizes: readonly ["sm", "md", "lg"];
-declare const sheetContentPropDefs: {
-    size: {
-        type: "enum";
-        values: readonly ["sm", "md", "lg"];
-        default: "md";
-    };
-    width: {
-        className: string;
-        type: "enum | string";
-        values: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"];
-        default: undefined;
-        customProperties: readonly [`--${string}`];
-        parseValue: ((value: string) => string | number | undefined) | undefined;
-        responsive: true;
-    };
-    side: {
-        type: "enum";
-        className: string;
-        values: readonly ["top", "right", "bottom", "left"];
-        default: "right";
-    };
-    showClose: {
-        type: "boolean";
-        className: string;
-        default: true;
-    };
-    height: {
-        className: string;
-        type: "enum | string";
-        values: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"];
-        default: undefined;
-        customProperties: readonly [`--${string}`];
-        parseValue: ((value: string) => string | number | undefined) | undefined;
-        responsive: true;
-    };
-};
-declare const sheetHeaderPropDefs: {
-    asChild: {
-        type: "boolean";
-        default: false;
-    };
-};
-declare const sheetFooterPropDefs: {
-    asChild: {
-        type: "boolean";
-        default: false;
-    };
-};
-export { sheetContentPropDefs, sheetFooterPropDefs, sheetHeaderPropDefs, sheetSides, sheetSizes };
-//# sourceMappingURL=sheet.props.d.ts.map

package/dist/components/sheet/sheet.props.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet.props.d.ts","sourceRoot":"","sources":["../../../src/components/sheet/sheet.props.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU,6CAA8C,CAAA;AAC9D,QAAA,MAAM,UAAU,6BAA8B,CAAA;AAE9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBzB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,UAAU,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/sheet/sheet.props.js

@@ -1,39 +0,0 @@
-import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
-import { heightPropDef } from "../../_internal/props/height.prop.js";
-import { widthPropDef } from "../../_internal/props/width.prop.js";
-const sheetSides = ["top", "right", "bottom", "left"];
-const sheetSizes = ["sm", "md", "lg"];
-const sheetContentPropDefs = {
-  ...heightPropDef,
-  side: {
-    type: "enum",
-    className: "dsx-sheet-side",
-    values: sheetSides,
-    default: "right"
-  },
-  showClose: {
-    type: "boolean",
-    className: "dsx-sheet-show-close",
-    default: true
-  },
-  ...widthPropDef,
-  size: {
-    type: "enum",
-    values: sheetSizes,
-    default: "md"
-  }
-};
-const sheetHeaderPropDefs = {
-  ...asChildPropDef
-};
-const sheetFooterPropDefs = {
-  ...asChildPropDef
-};
-export {
-  sheetContentPropDefs,
-  sheetFooterPropDefs,
-  sheetHeaderPropDefs,
-  sheetSides,
-  sheetSizes
-};
-//# sourceMappingURL=sheet.props.js.map

package/dist/components/sheet/sheet.props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/sheet/sheet.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { heightPropDef } from '../../_internal/props/height.prop'\nimport { widthPropDef } from '../../_internal/props/width.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst sheetSides = ['top', 'right', 'bottom', 'left'] as const\nconst sheetSizes = ['sm', 'md', 'lg'] as const\n\nconst sheetContentPropDefs = {\n  ...heightPropDef,\n  side: {\n    type: 'enum',\n    className: 'dsx-sheet-side',\n    values: sheetSides,\n    default: 'right',\n  },\n  showClose: {\n    type: 'boolean',\n    className: 'dsx-sheet-show-close',\n    default: true,\n  },\n  ...widthPropDef,\n  size: {\n    type: 'enum',\n    values: sheetSizes,\n    default: 'md',\n  },\n} satisfies {\n  height: PropDef<(typeof heightPropDef.height.values)[number]>\n  side: PropDef<(typeof sheetSides)[number]>\n  showClose: PropDef\n  width: PropDef<(typeof widthPropDef.width.values)[number]>\n  size: PropDef<(typeof sheetSizes)[number]>\n}\n\nconst sheetHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst sheetFooterPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { sheetContentPropDefs, sheetFooterPropDefs, sheetHeaderPropDefs, sheetSides, sheetSizes }\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAI7B,MAAM,aAAa,CAAC,OAAO,SAAS,UAAU,MAAM;AACpD,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AAEpC,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AAAA,EACA,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAQA,MAAM,sBAAsB;AAAA,EAC1B,GAAG;AACL;AAIA,MAAM,sBAAsB;AAAA,EAC1B,GAAG;AACL;",
-  "names": []
-}

package/dist/components/sheet.css

@@ -1,123 +0,0 @@
-
-@import '../../_internal/baseDialog.css';
-
-.dsx-sheet__overlay {
-  z-index: var(--dsx-z-index-overlay);
-}
-
-.dsx-sheet__content {
-  z-index: var(--dsx-z-index-modal);
-  display: flex;
-  flex-direction: column;
-  padding: var(--dsx-space-lg);
-}
-
-.dsx-sheet__content > .dsx-sheet__header:first-child {
-  margin-top: 0;
-}
-
-.dsx-sheet__content[data-side='right'] {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: min(var(--dsx-sheet-width), 100vw);
-  border-left: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-}
-
-.dsx-sheet__content[data-side='left'] {
-  top: 0;
-  left: 0;
-  bottom: 0;
-  width: min(var(--dsx-sheet-width), 100vw);
-  border-right: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-}
-
-.dsx-sheet__content[data-side='top'] {
-  top: 0;
-  left: 0;
-  right: 0;
-  border-bottom: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-  min-height: min(var(--dsx-size-popover-max-width), var(--dsx-sheet-min-height));
-}
-
-.dsx-sheet__content[data-side='bottom'] {
-  bottom: 0;
-  left: 0;
-  right: 0;
-  border-top: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-  min-height: min(var(--dsx-size-popover-max-width), var(--dsx-sheet-min-height));
-}
-
-.dsx-sheet__header {
-  padding: var(--dsx-space-sm) 0;
-  padding-right: calc(var(--dsx-space-lg) + 2rem);
-  padding-bottom: var(--dsx-space-md);
-  border-bottom: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-}
-
-.dsx-sheet__title {
-  font-family: var(--dsx-typography-headline-medium-font-family), sans-serif;
-  font-size: var(--dsx-typography-headline-medium-font-size);
-  font-weight: var(--dsx-typography-headline-medium-font-weight);
-  line-height: var(--dsx-typography-headline-medium-line-height);
-  letter-spacing: var(--dsx-typography-headline-medium-letter-spacing);
-  color: var(--dsx-color-on-surface);
-  margin: 0;
-}
-
-.dsx-sheet__description {
-  font-family: var(--dsx-typography-body-medium-font-family), sans-serif;
-  font-size: var(--dsx-typography-body-medium-font-size);
-  font-weight: var(--dsx-typography-body-medium-font-weight);
-  line-height: var(--dsx-typography-body-medium-line-height);
-  letter-spacing: var(--dsx-typography-body-medium-letter-spacing);
-  color: var(--dsx-color-on-surface-variant);
-  margin: 0;
-}
-
-.dsx-sheet__footer {
-  padding: var(--dsx-space-md) 0 var(--dsx-space-sm);
-  border-top: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-  margin-top: auto;
-}
-
-.dsx-sheet__close {
-  position: absolute;
-  top: var(--dsx-space-lg);
-  right: var(--dsx-space-lg);
-  padding: var(--dsx-space-xs);
-  border-radius: var(--dsx-rounded-sm);
-  z-index: var(--dsx-z-index-elevated);
-}
-
-.dsx-sheet-side-right {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: min(var(--dsx-sheet-width), 100vw);
-  border-left: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-}
-
-.dsx-sheet-side-left {
-  top: 0;
-  left: 0;
-  bottom: 0;
-  width: min(var(--dsx-sheet-width), 100vw);
-  border-right: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-}
-
-.dsx-sheet-side-top {
-  top: 0;
-  left: 0;
-  right: 0;
-  border-bottom: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-  min-height: min(var(--dsx-size-popover-max-width), var(--dsx-sheet-min-height));
-}
-
-.dsx-sheet-side-bottom {
-  bottom: 0;
-  left: 0;
-  right: 0;
-  border-top: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-  min-height: min(var(--dsx-size-popover-max-width), var(--dsx-sheet-min-height));
-}

package/dist/docs/HIERARCHY.md

@@ -1,29 +0,0 @@
-# Design System Hierarchy
-
-This is the canonical taxonomy and naming contract for D4gger UI artifacts.
-`DESIGN.md` owns tokens, while the specifications in this directory own component
-anatomy, API intent, states, accessibility, and Penpot contracts.
-
-## Taxonomy
-
-1. **Foundations** — tokens, typography, themes, iconography, and app-composition layout primitives.
-2. **Primitives** — atomic controls or visual elements with one primary semantic role.
-3. **Components** — reusable compound UI with internal slots or coordinated behavior.
-4. **Patterns** — product-agnostic compositions assembled from components and primitives.
-5. **Utilities** — non-visual providers, helpers, and accessibility infrastructure.
-
-The complete classified inventory is maintained in
-[component-roster.md](./component-roster.md). Each shipped public component has
-one canonical specification in this directory.
-
-## Naming and placement
-
-- Canonical specs use kebab-case filenames under `docs/design-system/`.
-- Penpot families use `Category / Component / Variant`.
-- Subcomponents stay with their owning family unless they have an independent semantic role.
-- Routing, permissions, persistence, domain data, and page orchestration remain application-owned.
-- `Box`, `Flex`, `Grid`, `Stack`, `Container`, and `Section` are Foundations.
-- `Container` constrains and centers content; nest a layout primitive for flex or grid behavior.
-
-The former hierarchy under `docs/feature/inventory/design-system/` is historical
-research. This file and the active component roster are the current authority.